更新记录

1.0.4（2020-07-14） 下载此版本

优化样式代码

1.0.3（2020-07-14） 下载此版本

新增规格选项过多滚动显示

1.0.2（2020-05-22） 下载此版本

增加自定义属性，可手动配置combinations及specifications对应的属性。

平台兼容性

使用

• 引入组件

import echoneSku from '@/components/echone-sku/echone-sku.vue'
export default {
  components: {
    echoneSku,
  },
}

• 使用组件

<echone-sku
  :show="popupShow"
  :theme-color="themeColor"
  :combinations="combinations"
  :specifications="specifications"
  :default-select-index="selectedIndex"
  :specifications-props="specificationsProps"
  @close="handleClose"
  @confirm="handleConfirm"
></echone-sku>

参数

specifications

specifications: [
  {
    name: '发证机关',
    id: '123',
    list: ['成都市锦江区', '成都市青羊区'],
  },
  {
    name: '教育年度',
    id: '456',
    list: ['2020年', '2019年'],
  },
]

combinations

combinations: [
  {
    id: '1',
    value: '成都市锦江区,2020年',
    image:
      'https://miniprogram-img01.caishuib.com/***15168444f005a4ab/material/image/202005135/3a014c2f42c1c46b.PNG',
    price: 80.0,
    stock: 1000,
  },
  {
    id: '2',
    value: '成都市锦江区,2019年',
    image:
      'https://miniprogram-img01.caishuib.com/***15168444f005a4ab/material/image/20200383/ebd0c8d01a6e9c10.PNG',
    price: 100.0,
    stock: 500,
  },
  {
    id: '3',
    value: '成都市青羊区,2020年',
    image:
      'https://miniprogram-img01.caishuib.com/***15168444f005a4ab/material/image/202005135/3a014c2f42c1c46b.PNG',
    price: 80.0,
    stock: 1000,
  },
  {
    id: '4',
    value: '成都市青羊区,2019年',
    image:
      'https://miniprogram-img01.caishuib.com/***15168444f005a4ab/material/image/20200383/ebd0c8d01a6e9c10.PNG',
    price: 100.0,
    stock: 0,
  },
]