|
@@ -1,15 +1,22 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
<u-swiper height="250" :list="imageTopList"></u-swiper>
|
|
|
+ <view class="t1">
|
|
|
+ <u-image height="36" src="/static/t1.png"></u-image>
|
|
|
+ </view>
|
|
|
<!-- 商品 -->
|
|
|
<view class="goods">
|
|
|
- <u-section title="人气零食" v-if="goodsList.length" :show-line="false" sub-title="更多" @click="toGoods(1)"></u-section>
|
|
|
- <view class="goods-list" v-if="goodsList.length">
|
|
|
- <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
+ <view v-if="goodsList.length">
|
|
|
+ <u-section title="人气零食" v-if="goodsList.length" line-color="#01c9b2" sub-title="更多" @click="toGoods(1)"></u-section>
|
|
|
+ <view class="goods-list">
|
|
|
+ <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <u-section title="居家生活" v-if="goodsList.length" :show-line="false" sub-title="更多" @click="toGoods(2)"></u-section>
|
|
|
- <view class="goods-list" v-if="goodsList.length">
|
|
|
- <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
+ <view v-if="goodsList.length">
|
|
|
+ <u-section title="居家生活" v-if="goodsList.length" line-color="#01c9b2" sub-title="更多" @click="toGoods(2)"></u-section>
|
|
|
+ <view class="goods-list">
|
|
|
+ <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 购物车 -->
|
|
@@ -43,31 +50,17 @@
|
|
|
{
|
|
|
id: 21312312321,
|
|
|
name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
|
|
|
+ src: '/static/goods.png',
|
|
|
price: 50,
|
|
|
status: 0
|
|
|
},
|
|
|
{
|
|
|
id: 6465465465,
|
|
|
name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
- src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
|
|
|
+ src: '/static/goods.png',
|
|
|
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
|
|
|
- }
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -93,13 +86,22 @@
|
|
|
background: url(../../static/topBg.png) no-repeat top center;
|
|
|
background-size: 100%;
|
|
|
.goods{
|
|
|
- padding: 20upx 0;
|
|
|
+ >view{
|
|
|
+ padding: 20upx 20upx 10upx;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 15upx;
|
|
|
+ box-shadow: 0upx 6upx 10upx #eee;
|
|
|
+ margin-bottom: 20upx;
|
|
|
+ }
|
|
|
}
|
|
|
.goods-list{
|
|
|
- padding: 20upx 0;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: space-between;
|
|
|
+ padding-top: 20upx;
|
|
|
+ }
|
|
|
+ .t1{
|
|
|
+ padding: 20upx 0;
|
|
|
}
|
|
|
}
|
|
|
</style>
|