From fe80801123abe5096dae9c5ad1c443c10124d435 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期一, 14 十月 2024 16:34:26 +0800 Subject: [PATCH] 1.商品限购,只有有数据的才展示 2.花店-设置布局重写 3.花店-广告功能 --- pages/home/components/home-banner-imgs.vue | 68 ++++++++++++++++++++-------------- 1 files changed, 40 insertions(+), 28 deletions(-) diff --git a/pages/home/components/home-banner-imgs.vue b/pages/home/components/home-banner-imgs.vue index 11992c2..10ace2f 100644 --- a/pages/home/components/home-banner-imgs.vue +++ b/pages/home/components/home-banner-imgs.vue @@ -2,29 +2,29 @@ <view class=" home-banner-imgs"> <view class="flex" v-if="list&&list.length>=3"> <view class="flex1 m-r-5"> - <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> + <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> </image> </view> <view class="flex1 m-l-5"> - <image class="p2 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)"> + <image class="p2 img100" :src="list[1].url" mode="scaleToFill" @click="toDetail(list[1])"> </image> - <image class="p3 img100" :src="list[2].url" mode="scaleToFill" @click="previewImg(list[2].url)"> + <image class="p3 img100" :src="list[2].url" mode="scaleToFill" @click="toDetail(list[2])"> </image> </view> </view> <view class="flex l-2" v-else-if="list&&list.length>=2" mode="scaleToFill"> <view class="flex1 m-r-5"> - <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> + <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> </image> </view> <view class="flex1 m-l-5"> - <image class="p1 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)"> + <image class="p1 img100" :src="list[1].url" mode="scaleToFill" @click="toDetail(list[1])"> </image> </view> </view> <view class="flex l-1" v-else-if="list&&list.length>=1" mode="scaleToFill"> <view class="flex1 m-r-5"> - <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> + <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> </image> </view> </view> @@ -38,34 +38,44 @@ list: [], }; }, - async mounted() { - const { - data, - code - } = await this.$http.request('get', '/api/pub/advertisement/list', { + methods: { + async init() { + const { + data, + code + } = await this.$http.request('get', '/api/pub/advertisement/list', { - }) - if (code === 0) { - this.list = data || [] - for(var item of this.list){ - item.url = item.cover - try{ - if(item.url){ - var t = JSON.parse(item.url) - if(Array.isArray(t)){ - item.url = t[0] || '' - }else{ - item.url = t.url || '' + }) + if (code === 0) { + this.list = data || [] + for (var item of this.list) { + item.url = item.cover + try { + if (item.url) { + var t = JSON.parse(item.url) + if (Array.isArray(t)) { + item.url = t[0] || '' + } else { + item.url = t.url || '' + } } + + } catch (e) { + // console.log('error',e) } - - }catch(e){ - // console.log('error',e) + // item.url = item.cover } - // item.url = item.cover + console.log(this.list) } - console.log(this.list) + }, + toDetail(item) { + uni.navigateTo({ + url: `/pages/advertising/advertising?id=${item.id}` + }) } + }, + async mounted() { + this.init() } } @@ -73,6 +83,7 @@ <style lang="scss"> .home-banner-imgs { + // background-color: #fff; .p1 { // width: 334rpx; @@ -92,6 +103,7 @@ // width: 334rpx; height: 142rpx; } + // .l-1{ // .p1{ // min-height: 308rpx; -- Gitblit v1.9.3