创新互联百度小程序教程：person-card个人信息卡

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

    person-card 个人信息卡

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

    在睢阳等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站建设、成都网站设计 网站设计制作按需求定制网站,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,成都外贸网站建设公司,睢阳网站建设费用合理。

    属性说明

    属性名 类型 必填 默认值 说明

    type

    String

    否

    normal

    信息卡类型。normal：默认普通模式，big：大图模式

    bgImg

    String

    否

    卡片背景图

    name

    String

    是

    卡片名称

    infoList

    Array

    是

    卡片信息，最多可配置 5 条，超过不会显示

    person-card-wrap

    String

    否

    提供卡片的扩展样式类，供开发者自定义组件样式，可通过此 class 改变卡片的样式，如背景颜色，背景图的展现方式

    info-name-wrap

    String

    否

    提供卡片的扩展样式类，供开发者自定义组件样式，可通过此 class 改变卡片 name 的的样式

    info-title-wrap

    String

    否

    提供卡片的扩展样式类，供开发者自定义组件样式，可通过此 class 改变卡片信息的左侧标题样式

    info-desc-wrap

    String

    否

    提供卡片的扩展样式类，供开发者自定义组件样式，可通过此 class 改变卡片信息的右边内容样式

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.  
      5. 
  
  
  
    5.  
      6. 
  
  
  
    6.  name="主标题"
      7. 
  
  
  
    7.  type="normal"
      8. 
  
  
  
    8.  info-list="{{item.personCard}}"
      9. 
  
  
  
    9.  bg-img="{{item.imgSrc}}"
      10. 
  
  
  
    10.  />
      11. 
  
  
  
    11.  
      12. 
  
  
  
    12.  
      13. 
  
  
  
    13.  
      14. 
  
  
  
      15.

    网站标题：创新互联百度小程序教程：person-card个人信息卡
    文章地址：http://www.csdahua.cn/qtweb/news39/50389.html

    网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网

    成都快上网为您推荐相关内容

    响应式网站知识

    各行业网站

    雕琢时光茶叶　　 　邛崃柴油发电机维修保养公司　　 　广汉网站建设　　 　遂宁做网站　　 　成都定制网站建设　　 　防护网厂　　 　成都app制作　　 　四川服务器托管　　 　四川审计公司　　 　彭山网站制作　　 　成都移动服务器托管　　 　响应式网站设计　　 　成都服务器运维　　 　广东网站建设　　 　成都服务器托管　　 　成都微信开发　　 　400电话办理　　 　云服务器香港　　 　网上商城管理系统　　 　木业包装箱