@ubrorg/card

在页面的 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>

在页面中声明 handleLikeTap 方法处理喜欢状态：

Page({
  handleLikeTap(e){
    const { index } = e.target.dataset;
    const {items} = this.data
    items[index].favoriteStatus= !items[index].favoriteStatus
    this.setData({
      items
    })
  },
});

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	''	分类类型

• type 可选值

  • large
  • small
  • scenic
  • goods

• icon 及 tagType 可选值

  • activity
  • quick
  • hot
  • hotel

开发

1. yarn 或者 ayarn（阿里内网）安装依赖
2. 小程序 IDE 打开组件（下载地址）

更多命令

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