• person-card 个人信息卡
  • 属性说明
  • 示例
    • 代码示例

person-card 个人信息卡

解释：个人信息卡组件，可配置卡片类型、卡片背景图、卡片名称、卡片信息功能，适用于信息展示，并可放置在页面的任何位置。

属性说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS
• CSS
• JSON

 
 
 

  
  
  
<view class="wrap">
  
  
  
 <view class="content">
  
  
  
 <view class="card-panel" s-for="item, index in personList">
  
  
  
 <view class="comp-wrap">
  
  
  
 <smt-person-card
  
  
  
 name="主标题"
  
  
  
 type="normal"
  
  
  
 info-list="{{item.personCard}}"
  
  
  
 bg-img="{{item.imgSrc}}"
  
  
  
 />
  
  
  
 </view>
  
  
  
 </view>
  
  
  
 </view>
  
  
  
</view>