From 55803b1a7b478aade9b6e59ca6675777375e2a92 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期五, 07 七月 2023 15:48:24 +0800
Subject: [PATCH] no message
---
uniapp/components/indexPage.vue | 208 +++++++++++++++++++++++++++++++++++++++------------
1 files changed, 158 insertions(+), 50 deletions(-)
diff --git a/uniapp/components/indexPage.vue b/uniapp/components/indexPage.vue
index b34d14c..02c7e68 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,58 @@
</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="c-loading-img rowCenCen">
+ <view class="imgbox defIcon" v-for="(eitem,index) in fastenter" :key="index" @click="goUrl(eitem)">
+ <image :src="eitem.image"></image>
+ </view>
+ </view>
+ <!--宸﹁疆鎾紝鍙充袱琛�-->
+ <view class="centerflex f_contant">
+ <view class="f_centerSwiper-container swiper-box swiper-item f_left">
+ <swiper class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular>
+ <swiper-item v-for="(items,index) in popBannerSList" :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" v-if='enterTop.length>0' >
+ <image :src="enterTop[0].image" @click="goUrl(enterTop[0])"></image>
+ </view>
+ <view class="f_imgcon" v-if='enterDown.length>0'>
+ <image :src="enterDown[0].image" @click="goUrl(enterDown[0])"></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,8 +108,8 @@
</swiper-item>
</swiper>
</view>
-
- <view class="van-row">
+ <!--鍏ㄧ綉鐑攢-->
+ <!-- <view class="van-row">
<view class="van-col van-col--12" style="padding-right: 10rpx;">
<view class="home-row" @click="gorxb()">
<view class="title"><text class="name">鍏ㄧ綉鐑攢姒�</text>
@@ -126,9 +157,9 @@
</view>
</view>
</view>
- </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 +214,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 +282,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 +359,7 @@
</view>
</block>
</view>
- </view>
+ </view> -->
<!-- 瀹炴椂鐤姠姒� -->
@@ -417,21 +446,22 @@
navbarShowList: [],
navbarList: [],
sliderH: '',
-
scrollTop: 0,
scrollindex: 0,
-
-
zdmList: [],
phbList: [],
dyList: [],
rqList: [],
-
typedataList: [
{
mainTitle: '浜笢',
subTitle: '瀹樻柟淇濋殰',
type: 2
+ },
+ {
+ mainTitle: '鎶栭煶',
+ subTitle: '濂界墿鎶㈣喘',
+ type: 6
},
{
mainTitle: '鎷煎澶�',
@@ -460,9 +490,14 @@
triggeredstate: true,
swpidx: 0,
canrefresh: true,
+ fastenter:[],
+ popBannerSList:[],
+ enterTop:[],
+ enterDown:[]
}
},
watch: {
+
recomendType(nval, oval){
if(nval != oval)this.changeRecommend()
},
@@ -505,8 +540,8 @@
methods: {
changeRecommend(){
var tmp_1 = {
- mainTitle: '鐑帹',
- subTitle: '鐑帹鍟嗗搧',
+ mainTitle: '澶╃尗',
+ subTitle: '澶╃尗鐑攢',
type: 5
};
var tmp_2 = {
@@ -515,7 +550,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;
@@ -584,26 +619,34 @@
onAbort() {
console.log('refushstop');
},
-
+
getBannerInfo() {
// banner鏁版嵁
var that = this;
this.$u.api.getBanner({
- type: '1,3,4,5'
+ type: '1,3,4,5,11,12,13,14'
}).then(e => {
if (e.code == 1) return that.$alert(e.msg);
var res = e.data.info;
- this.topBannerList = res.topBannerList;
- this.headerColor = this.topBannerList[0].colour;
+ if(res.topBannerList&&res.topBannerList.length>0)
+ {
+ this.topBannerList = res.topBannerList;
+ this.headerColor = this.topBannerList[0].colour;
+ }
+
this.singleLineList = res.singleLineList;
this.doubleLineList = res.doubleLineList;
this.bottomBannerList = res.bottomBannerList;
+ this.fastenter=res.indexbanner;
+ this.popBannerSList=res.popBannerSList;
+ this.enterTop=res.enterTop;
+ this.enterDown=res.enterDown;
setTimeout(() => {
this.triggeredstate = false;
this._freshing = false;
}, 300)
}).catch(function(err) {
-
+ console.log(err)
})
},
@@ -613,7 +656,6 @@
})
},
-
godydetails(itm) {
const info = {}
info.nowInfo = itm
@@ -726,10 +768,14 @@
},
goUrl(info) {
- console.log(info)
utils.goUrl(info, this)
},
-
+ goFUrl(info)
+ {
+ uni.navigateTo({
+ url: info.url
+ });
+ },
gojgqUrl(info) {
if (info.urlType == '0') {
uni.navigateTo({
@@ -797,6 +843,68 @@
</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%;
+ }
+ }
+ }
+ }
+
+ .c-loading-img {
+ width: 96%;
+ height: 132rpx;
+ background: #fff;
+ margin: auto;
+ margin-top: 20rpx;
+ border-radius: 12rpx;
+ justify-content:space-between;
+ padding:5rpx;
+
+ .imgbox {
+ width: 158rpx;
+ height: 105rpx;
+ // max-height: 72rpx;
+ }
+ }
.juan {
height: 28rpx;
background: linear-gradient(90deg, #ff8873 0, #ff4f4f 100%);
@@ -861,7 +969,7 @@
.pageBody-container {
width: 100%;
//background-color: #FFFFFF;
- margin-bottom: 16rpx;
+ //margin-bottom: 16rpx;
.column-container {
width: 100%;
@@ -869,7 +977,7 @@
.bannerSwiper-container {
width: 100%;
- height: 280rpx;
+ height: 230rpx;
padding: 0 16rpx;
margin-bottom: 16rpx;
--
Gitblit v1.9.3