在页面的 page.json 中配置：

{
  "usingComponents": {
    "card": "@ubrorg/card/lib/index"
  }
}

在页面的 page.axml 中使用：

<view class="card-wrapper" a:for="{{items}}">
    <card
      title="abc"
      index="{{index}}"
      onLikeTap="handleLikeTap"
      dataItem="{{item}}"
    >
    </card>
  </view>

option参数

可直接传dataItem="{{item}}" 也可使用具体属性去覆盖data里的属性值

| 属性 | 类型 | 默认值 | 解释 | |:--|:--|:--|:--| | type | string | large | 卡片类型 | | backgroupImgUrl | string | null | 头图 | | projectName | string | '' | 卡片名称 | | description | string | '' | 描述 | | extra | string | '' | 附加描述 | | projectTag | string | '' | 图标 | | favoriteStatus | boolean | false | 是否喜欢 | | showLike | boolean | true | 是否展示喜欢图标 | | index | string | null | 列表索引 | | cardTagName | string | null | 标签 | | projectTypeName | string | '' | 分类类型 | | hotSort | boolean | false | 是否显示热搜排序角标 |

• type 可选值

  • large 大卡
  • small 小片
  • scenic 景区卡片
  • goods 1:1卡片
  • search 搜索卡片
  • special 一排一卡片
  • live 直播卡片
  • landreserve 景区预约卡片

• icon 及 tagType 可选值

  • activity
  • quick
  • hot
  • hotel

开发

1. yarn 安装依赖
2. 小程序 IDE 打开组件（下载地址）

更多命令

• miapp newbranch: 新建分支
• miapp push: 提交代码
• miapp prepub: 预发（发布 beta 版本）
• miapp publish: 正式发布