|
@@ -3,6 +3,13 @@
|
|
<u-swiper height="200" :list="imageTopList"></u-swiper>
|
|
<u-swiper height="200" :list="imageTopList"></u-swiper>
|
|
<view class="goods">
|
|
<view class="goods">
|
|
<u-section title="人气零食" :show-line="false" sub-title="更多"></u-section>
|
|
<u-section title="人气零食" :show-line="false" sub-title="更多"></u-section>
|
|
|
|
+ <view class="goods-list">
|
|
|
|
+ <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
|
+ </view>
|
|
|
|
+ <u-section title="居家生活" :show-line="false" sub-title="更多"></u-section>
|
|
|
|
+ <view class="goods-list">
|
|
|
|
+ <uni-coods v-for="item in goodsList" :key="item.id" :data="item"></uni-coods>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -26,8 +33,34 @@
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
imageTopList:[
|
|
imageTopList:[
|
|
- {photo:''},
|
|
|
|
- {photo:''}
|
|
|
|
|
|
+ {photo:'https://cdn.uviewui.com/uview/example/fade.jpg'},
|
|
|
|
+ {photo:'https://cdn.uviewui.com/uview/example/fade.jpg'}
|
|
|
|
+ ],
|
|
|
|
+ goodsList:[
|
|
|
|
+ {
|
|
|
|
+ id: 21312312321,
|
|
|
|
+ name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
|
+ src: 'https://cdn.uviewui.com/uview/example/fade1.jpg',
|
|
|
|
+ price: 50
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 6465465465,
|
|
|
|
+ name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
|
+ src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
|
|
|
|
+ price: 50
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 234324,
|
|
|
|
+ name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
|
+ src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
|
|
|
|
+ price: 50
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ id: 4453455,
|
|
|
|
+ name: '啊撒旦解放拉萨酱豆腐爱丽丝反对萨拉地方就',
|
|
|
|
+ src: 'https://cdn.uviewui.com/uview/example/fade.jpg',
|
|
|
|
+ price: 50
|
|
|
|
+ }
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -45,7 +78,13 @@
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
.content {
|
|
.goods{
|
|
.goods{
|
|
- padding: 30upx 0;
|
|
|
|
|
|
+ padding: 20upx 0;
|
|
|
|
+ }
|
|
|
|
+ .goods-list{
|
|
|
|
+ padding: 20upx 0;
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ justify-content: space-between;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|