更新记录
1.0.0(2020-03-13) 下载此版本
初始版本
平台兼容性
shopList 基于colorUI的简单拍卖品列表
引入插件
单独引入,在需要使用的页面上import引入即可
<template>
<view>
<shop-list v-for="(item,index) in list" :key="index" :src="item.src" :title="item.title"></shop-list>
</view>
</template>
<script>
import shopList from '@/components/shopList/rookie-list.vue'
export default {
components: {
shopList
}
}
</script>
绑定值及设置默认值
<shop-list v-for="(item,index) in list" :key="index" :src="item.src" :title="item.title"></shop-list>
data () {
return {
list: [
{
src: '1111.png',
title: '测试列表组件标题1',
status: '已结拍',
people: '28',
price: '79',
num: '4'
},
]
}
}
Props
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
src | 图片 | String | - | - |
title | 标题 | String | - | - |
status | 拍卖品状态 | String | - | - |
num | 拍卖品数量 | String | - | - |
price | 出价次数 | String | - | - |
people | 围观人数 | String | - | - |