SpecsPopup 已选规格弹框

引入

在app.json或index.json中引入组件，详细介绍见快速上手

"usingComponents": {
  "wr-goods-card": "@retailwe/ui-specs-popup/index"
}

代码演示

基础用法

<wr-specs-popup
  wx:if="{{specsPopup.insert}}"
  show="{{specsPopup.show}}"
  title="{{title}}"
  price="{{price}}"
  thumb="{{thumb}}"
  specs="{{specs}}"
  bindclose="closeSpecsPopup"
  bindcloseover="removeSpecsPopup"
/>

API

Props

透传good-card需要的属性的属性，具体参考good-card的README.md

以下是新增的属性 | 参数 | 说明 | 类型 | 默认值 | 说明 | | show | 是否显示规格弹框 | array | boolean | - | | title | 商品title | array | string | - | | price | 商品价格 | array | number \| string | - | | thumb | 商品图片 | array | string | - | | specs | 规格字符串列表 | array | [] | - |

Events

透传good-card的clickThumb事件，具体参考good-card的README.md 以下是新增的事件 | Event | Description | Arguments | | ------ | ----------------------------- | --------- | | close | 点击我知道了触发，此时可以切换show来关闭弹框，但是不能移除节点，否则看不到关闭动画 | - | | closeover | 关闭动画结束时触发，此时可以移除节点而不影响动画 | - |

关于样式覆盖

本组件下external.less文件是覆盖弹框中的good-card样式，页面less必须直接/间接的引入该文件。