123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- <template>
- <view class="content">
- <u-swiper height="200" :list="imageTopList"></u-swiper>
- <view class="goods">
- <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>
- </template>
- <script>
- import {
- checkLogin
- } from '@/api/login.js'
- import {
- getMapStoreList
- } from '@/api/store.js'
- import {
- getLookUpDatas
- } from '@/api/data.js'
- import {
- getUnFinishedOrder
- } from '@/api/order.js'
- export default {
- components: {
- },
- data() {
- return {
- imageTopList:[
- {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
- }
- ]
- }
- },
- onReady() {
- },
- onShow() {
- },
- onLoad() {
- },
- methods: {
- }
- }
- </script>
- <style lang="scss" scoped>
- .content {
- .goods{
- padding: 20upx 0;
- }
- .goods-list{
- padding: 20upx 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- }
- }
- </style>
|