@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

    this.setData({
      [`items[${index}].like`]: !items[index].like
    })
  }
});

option参数

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

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

• type 可选值

  • large
  • small

• icon 及 tagType 可选值

  • activity
  • quick
  • hot
  • hotel

开发

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

更多命令

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