1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- <template>
- <view class="content">
- <view class="info">该类商品需购满300乐豆才能下单哦!</view>
- <view class="goods-list" v-if="goodsList.length">
- <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
- </view>
- <!-- 购物车 -->
- <uni-cart-fix :count="15"></uni-cart-fix>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- clsId: '',
- goodsList:[
- {
- id: 21312312321,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- },
- {
- id: 6465465465,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 1
- },
- {
- id: 234324,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- },
- {
- id: 4453455,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- },
- {
- id: 22222,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- },
- {
- id: 345,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- },
- {
- id: 456456,
- name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
- price: 50,
- status: 0
- }
- ]
- };
- },
- onLoad(opts) {
- this.clsId = opts.id
- }
- }
- </script>
- <style lang="scss">
- .content {
- .goods{
- padding: 20upx 0;
- }
- .goods-list{
- padding: 20upx 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- }
- .info{
- text-align: center;
- color: #DD524D;
- }
- }
- </style>
|