From d78b02ed8c9b32f55313543e8493f86e4840db79 Mon Sep 17 00:00:00 2001 From: zhaojs <349234519@qq.com> Date: 星期六, 03 六月 2023 17:49:56 +0800 Subject: [PATCH] no message --- uniapp/components/indexPage.vue | 150 +++++++++++++++++++++++++++++++++++++------------ 1 files changed, 112 insertions(+), 38 deletions(-) diff --git a/uniapp/components/indexPage.vue b/uniapp/components/indexPage.vue index b34d14c..a65c8d5 100644 --- a/uniapp/components/indexPage.vue +++ b/uniapp/components/indexPage.vue @@ -24,29 +24,13 @@ <view class="swiper-item defIcon" @click="goUrl(items)"> <image :src="items.image" mode="aspectFit"></image> </view> + + </swiper-item> </swiper> </view> - - <view class="centerSwiper-container colCenCen borderBox" v-if="singleLineList.length>0"> - <swiper class="swiper-box" :autoplay="true" :interval="5000" :duration="300" circular> - <swiper-item v-for="(items,index) in singleLineList" :key='index'> - <view class="swiper-item defIcon" @click="goUrl(items)"> - <image :src="items.image" mode="aspectFit"></image> - </view> - </swiper-item> - </swiper> - </view> - - <view class="cardsList-container rowCenBet borderBox" v-if="doubleLineList.length>0"> - <block v-for="(items,index) in doubleLineList" :key='index'> - <view class="card-items defIcon" @click="goUrl(items)"> - <image :src="items.image" mode="aspectFill" lazy-load="true"></image> - </view> - </block> - </view> - - + + <!-- 閲戝垰鍖� --> <view class="navslider-box" v-if="navbarShowList.length > 0"> <swiper class="swiper-type swiper-nav" @@ -63,11 +47,52 @@ </swiper-item> </swiper> </view> + + <!--鍗曞垪鍥剧墖--> + <!-- <view class="centerSwiper-container colCenCen borderBox" v-if="singleLineList.length>0"> + <swiper class="swiper-box" :autoplay="true" :interval="5000" :duration="300" circular> + <swiper-item v-for="(items,index) in singleLineList" :key='index'> + <view class="swiper-item defIcon" @click="goUrl(items)"> + <image :src="items.image" mode="aspectFit"></image> + </view> + </swiper-item> + </swiper> + </view> --> + <!--宸﹁疆鎾紝鍙充袱琛�--> + <view class="centerflex f_contant"> + <view class="f_centerSwiper-container swiper-box swiper-item f_left"> + <swiper class="swiper-box" :autoplay="true" :interval="5000" :duration="300" circular> + <swiper-item v-for="(items,index) in singleLineList" :key='index'> + <view class="swiper-item defIcon" @click="goUrl(items)"> + <image :src="items.image" mode="aspectFit"></image> + </view> + </swiper-item> + </swiper> + </view> + <view class="f_right"> + <view class="f_imgcon"> + <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/%E6%9C%80%E9%AB%9823888%E5%85%83-1054%20330.jpg"></image> + </view> + <view class="f_imgcon"> + <image src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/%E6%9C%80%E9%AB%9823888%E5%85%83-1054%20330.jpg"></image> + </view> + </view> + </view> + + <!--鍙屽垪鍥剧墖--> + <view class="cardsList-container rowCenBet borderBox" v-if="doubleLineList.length>0"> + <block v-for="(items,index) in doubleLineList" :key='index'> + <view class="card-items defIcon" @click="goUrl(items)"> + <image :src="items.image" mode="aspectFill" lazy-load="true"></image> + </view> + </block> + </view> + </view> </view> - + <view class="pagebottomBody-container colCen borderBox"> - + <view class="bottomSwiper-container colCenCen borderBox" v-if="bottomBannerList.length>0"> <swiper class="swiper-box" :autoplay="true" :interval="3000" :duration="300" circular> <swiper-item v-for="(items,index) in bottomBannerList" :key='index'> @@ -77,7 +102,7 @@ </swiper-item> </swiper> </view> - + <!--鍏ㄧ綉鐑攢--> <view class="van-row"> <view class="van-col van-col--12" style="padding-right: 10rpx;"> <view class="home-row" @click="gorxb()"> @@ -128,7 +153,7 @@ </view> </view> <!-- 澶у閮藉湪涔� --> - <view class="everysBuying-container colCen" v-if="zdmList.length>0"> + <!-- <view class="everysBuying-container colCen" v-if="zdmList.length>0"> <view class="box-bar-content rowCen"> <view class="title-text"> 姣忔棩蹇呬拱 @@ -183,11 +208,9 @@ </scroll-view> </view> - <!-- <view class="progress"> - 鍚庨潰澶勭悊 + </view> --> - </view> - <view class="goodsFalling-container colCen" v-if="fallingList.length>0"> + <!-- <view class="goodsFalling-container colCen" v-if="fallingList.length>0"> <view class="box-bar-content rowCen"> <view class="title-text"> 濂借揣鐩撮檷 @@ -253,10 +276,10 @@ </view> </scroll-view> </view> - </view> + </view> --> <!-- 绂忓埄鎶㈣喘 --> - <view class="welfare-container colCen"> + <!-- <view class="welfare-container colCen"> <view class="titlebar-container rowCenBet"> <view class="left-content rowCen"> <view class="titletext"> @@ -330,7 +353,7 @@ </view> </block> </view> - </view> + </view> --> <!-- 瀹炴椂鐤姠姒� --> @@ -434,6 +457,11 @@ type: 2 }, { + mainTitle: '鎶栭煶', + subTitle: '濂界墿鎶㈣喘', + type: 6 + }, + { mainTitle: '鎷煎澶�', subTitle: '鐧句嚎琛ヨ创', type: 3 @@ -505,8 +533,8 @@ methods: { changeRecommend(){ var tmp_1 = { - mainTitle: '鐑帹', - subTitle: '鐑帹鍟嗗搧', + mainTitle: '澶╃尗', + subTitle: '澶╃尗鐑攢', type: 5 }; var tmp_2 = { @@ -515,7 +543,7 @@ type: 1 }; var open_like_recommend = uni.getStorageSync('open_like_recommend'); - if(this.typedataList.length == 4)this.typedataList.shift() + if(this.typedataList.length == 5)this.typedataList.shift() if(open_like_recommend == 1){ this.typedataList.unshift(tmp_2); this.bottomType = tmp_2.type; @@ -591,6 +619,7 @@ this.$u.api.getBanner({ type: '1,3,4,5' }).then(e => { + console.log(e) if (e.code == 1) return that.$alert(e.msg); var res = e.data.info; this.topBannerList = res.topBannerList; @@ -603,7 +632,7 @@ this._freshing = false; }, 300) }).catch(function(err) { - + console.log(err) }) }, @@ -657,6 +686,7 @@ pageSize: 10, type: type }).then(e => { + console.log(e) if (e.code != 0) return that.$alert(e.msg) var res = e.data.list; if (res.length < 10) { @@ -726,7 +756,6 @@ }, goUrl(info) { - console.log(info) utils.goUrl(info, this) }, @@ -797,6 +826,51 @@ </script> <style lang="scss"> + .f_contant + { + display: flex; + justify-content: space-between; + width: 96%; + height: 500rpx; + flex-direction: row; + padding: 20rpx 0; + margin: auto; + .f_left{ + width:49%; + border-radius: 12rpx; + background: #fff; + } + .f_right{ + width:49%; + display: flex; + flex-direction: column; + justify-content: space-between; + } + .f_imgcon + { + height: 49%; + border-radius: 12rpx; + image + { + width:100%; + border-radius: 12rpx; + height: 100%; + } + } + .f_centerSwiper-container { + + + .swiper-box { + width: 100%; + height: 100%; + + .swiper-item { + width: 100%; + height: 100%; + } + } + } + } .juan { height: 28rpx; background: linear-gradient(90deg, #ff8873 0, #ff4f4f 100%); @@ -861,7 +935,7 @@ .pageBody-container { width: 100%; //background-color: #FFFFFF; - margin-bottom: 16rpx; + //margin-bottom: 16rpx; .column-container { width: 100%; @@ -869,7 +943,7 @@ .bannerSwiper-container { width: 100%; - height: 280rpx; + height: 230rpx; padding: 0 16rpx; margin-bottom: 16rpx; -- Gitblit v1.9.3