@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>

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: 正式发布