From 5f5179811a778b6bd996ed64cae2a96f5ccc437f Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期四, 13 七月 2023 17:02:20 +0800
Subject: [PATCH] no message
---
uniapp/components/indexPage.vue | 357 ++++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 300 insertions(+), 57 deletions(-)
diff --git a/uniapp/components/indexPage.vue b/uniapp/components/indexPage.vue
index 89b19b2..b0ccdaf 100644
--- a/uniapp/components/indexPage.vue
+++ b/uniapp/components/indexPage.vue
@@ -24,6 +24,8 @@
<view class="swiper-item defIcon" @click="goUrl(items)">
<image :src="items.image" mode="aspectFit"></image>
</view>
+
+
</swiper-item>
</swiper>
</view>
@@ -47,7 +49,7 @@
</view>
<!--鍗曞垪鍥剧墖-->
- <view class="centerSwiper-container colCenCen borderBox" v-if="singleLineList.length>0">
+ <!-- <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)">
@@ -55,6 +57,32 @@
</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>
<!--鍙屽垪鍥剧墖-->
@@ -81,7 +109,7 @@
</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>
@@ -129,7 +157,7 @@
</view>
</view>
</view>
- </view>
+ </view> -->
<!-- 澶у閮藉湪涔� -->
<!-- <view class="everysBuying-container colCen" v-if="zdmList.length>0">
<view class="box-bar-content rowCen">
@@ -364,6 +392,7 @@
v-if="bottomGoodsList.length>0">
<block v-for="(items,index) in bottomGoodsList" :key="index">
<view class="goods-items" @click="goDetails(items)">
+ <!-- <colGoodsImg v-if="index==0&&itembannerList&&itembannerList.length>0" :popBannerSList="itembannerList"></colGoodsImg> -->
<colGoods :items="items"></colGoods>
</view>
</block>
@@ -383,6 +412,7 @@
import slideTop from './slideTop.vue'
import colGoods from './colGoods.vue'
import empowerModel from './empowerModel.vue'
+ import colGoodsImg from '@/components/colGoodsImg.vue'
export default {
props: {
recomendType: {
@@ -404,10 +434,12 @@
components: {
slideTop,
colGoods,
- empowerModel
+ empowerModel,
+ colGoodsImg
},
data() {
return {
+ popBannerSList:[],
fallingList: [],
pageHeight: '',
headerColor: '',
@@ -418,16 +450,12 @@
navbarShowList: [],
navbarList: [],
sliderH: '',
-
scrollTop: 0,
scrollindex: 0,
-
-
zdmList: [],
phbList: [],
dyList: [],
rqList: [],
-
typedataList: [
{
mainTitle: '浜笢',
@@ -466,9 +494,21 @@
triggeredstate: true,
swpidx: 0,
canrefresh: true,
+ fastenter:[],
+ itembannerList:[],
+ enterTop:[],
+ enterDown:[],
+ tbbanner:[],
+ jdbanner:[],
+ dybanner:[],
+ pddbanner:[],
+ wphbanner:[],
+ haspreference:false,
+ preferData:{},
}
},
watch: {
+
recomendType(nval, oval){
if(nval != oval)this.changeRecommend()
},
@@ -492,14 +532,16 @@
},
created() {
this._freshing = false;
- this.changeRecommend();
+ //this.changeRecommend();
+ this.checkPreferenceGoods();
uni.$emit('initpage')
this.getBannerInfo();
this.getHomeMenuList();
this.getrecommendGoods();
- this.getbottomGoodsList(this.bottomType);
+ //this.getbottomGoodsList(this.bottomType);
this.getGOODSfalling();
this.getRQList();
+ //this.getPageImg();
},
mounted() {
this.$emit('scrolltoTop')
@@ -509,14 +551,63 @@
}, 1500)
},
methods: {
- changeRecommend(){
+ checkPreferenceGoods()
+ {//鏄惁鏈夋帹鑽�
+ var that = this;
var tmp_1 = {
- mainTitle: '鐑帹',
- subTitle: '鐑帹鍟嗗搧',
+ mainTitle: '澶╃尗',
+ subTitle: '澶╃尗鐑攢',
type: 5
};
var tmp_2 = {
+ mainTitle: '澶╃尗',
+ subTitle: '涓轰綘鎺ㄨ崘',
+ type: 1
+ };
+ var tmp_3= {
mainTitle: '鎺ㄨ崘',
+ subTitle: '鐚滀綘鍠滄',
+ type: 7
+ };
+ var open_like_recommend = uni.getStorageSync('open_like_recommend');
+ if(this.typedataList.length == 5)this.typedataList.shift()
+ if(open_like_recommend == 1){
+ this.typedataList.unshift(tmp_2);
+ this.bottomType = tmp_2.type;
+ }else{
+ this.typedataList.unshift(tmp_1);
+ this.bottomType = tmp_1.type;
+ }
+ this.$u.api.checkPreferenceGoods({
+ }).then(e => {
+ if(e.code != 0)
+ {
+ that.currentPage = 1;
+ that.getbottomGoodsList(that.bottomType);
+ return;
+ };
+ if(e.data&&e.data.p_cids)
+ {//鏈夊亸濂�
+ that.preferData=e.data;
+ that.typedataList.unshift(tmp_3);
+ that.bottomType = tmp_3.type;
+ //鍘婚櫎鍞搧浼�
+ that.typedataList = that.typedataList.filter(function(item) {return item.type !== 4});
+ }
+ that.currentPage = 1;
+ that.getbottomGoodsList(that.bottomType);
+ }).catch(function (err) {
+ this.changeRecommend();
+ })
+ },
+ changeRecommend(){
+ var tmp_1 = {
+ mainTitle: '澶╃尗',
+ subTitle: '澶╃尗鐑攢',
+ type: 5
+ };
+ var tmp_2 = {
+ mainTitle: '澶╃尗',
subTitle: '涓轰綘鎺ㄨ崘',
type: 1
};
@@ -566,7 +657,6 @@
},
onRestore() {
this.swpidx = 0
- console.log('涓嬫媺琚粓姝�');
},
pagescroll(e) {
this.$emit('scrollNum', e.detail.scrollTop)
@@ -590,26 +680,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)
})
},
@@ -619,7 +717,6 @@
})
},
-
godydetails(itm) {
const info = {}
info.nowInfo = itm
@@ -652,43 +749,81 @@
that.dyList = e.data.dygoods;
}).catch(function(err) {})
},
-
+ getPageImg()
+ {
+ var that=this;
+ this.$u.api.getBanner({
+ type: '11,16,17,18,19,20'
+ }).then(e => {
+ if (e.code == 1) return that.$alert(e.msg);
+ var res = e.data.info;
+ that.tbbanner=res.tmImg;
+ that.jdbanner=res.jdImg;
+ that.dybanner=res.dyImg;
+ that.pddbanner=res.pddImg;
+ that.wphbanner=res.wphImg;
+ that.changeBanner(that.bottomCurrent);
+ }).catch(function(err) {
+ console.log(err)
+ })
+ },
+ changeBanner(type)
+ {
+ switch(type)
+ {
+ case 2://浜笢
+ this.itembannerList=this.jdbanner;
+ break;
+ case 6://鎶栭煶
+ this.itembannerList=this.dybanner;
+ break;
+ case 3://鎷煎澶�
+ this.itembannerList=this.pddbanner;
+ break;
+ case 4://鍞搧浼�
+ this.itembannerList=this.wphbanner;
+ break;
+ default:
+ this.itembannerList=[];
+ break;
+ }
+ if(this.itembannerList&&this.itembannerList>0)
+ {
+ that.bottomGoodsList.unshift(this.itembannerList[0]);
+ }
+ },
getbottomGoodsList(type) {
var that = this;
- this.$u.api.getGoodThing({
- deviceType: getApp().globalData.platform == 'android' ? (getApp().globalData.systemLevel < 10 ?
- 'IMEI' : 'OAID') : 'IDFA',
- deviceValue: getApp().globalData.equipmentNumber,
- pageId: 1,
- 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) {
- that.loadingState = false
- that.loadstatus = 'normal'
- } else {
- that.currentPage++
- that.loadstatus = 'loading'
- that.loadingState = true
- }
- that.bottomGoodsList = res
- }).catch(function(err) {})
- },
-
- getNextPage() {
- if (this.loadingState) {
- this.loadingState = false
- var that = this;
+ if(type==7&&that.preferData)
+ {//鐚滀綘鍠滄
+ this.$u.api.gussessLikeGoods({
+ platefrom:that.preferData.p_platefrom,
+ cids:that.preferData.p_cids,
+ pageId:1,
+ pageSize:10
+ }).then(e=>{
+ console.log(e);
+ var res = e.data.list;
+ if (res.length < 10) {
+ that.loadingState = false
+ that.loadstatus = 'normal'
+ } else {
+ that.currentPage++
+ that.loadstatus = 'loading'
+ that.loadingState = true
+ }
+ that.bottomGoodsList = res
+ })
+ }
+ else
+ {
this.$u.api.getGoodThing({
- deviceType: getApp().globalData.platform == 'android' ? (getApp().globalData.systemLevel <
- 10 ? 'IMEI' : 'OAID') : 'IDFA',
+ deviceType: getApp().globalData.platform == 'android' ? (getApp().globalData.systemLevel < 10 ?
+ 'IMEI' : 'OAID') : 'IDFA',
deviceValue: getApp().globalData.equipmentNumber,
- pageId: this.currentPage,
+ pageId: 1,
pageSize: 10,
- type: this.bottomType
+ type: type
}).then(e => {
if (e.code != 0) return that.$alert(e.msg)
var res = e.data.list;
@@ -700,8 +835,49 @@
that.loadstatus = 'loading'
that.loadingState = true
}
- that.bottomGoodsList = that.bottomGoodsList.concat(res)
+ that.bottomGoodsList = res
}).catch(function(err) {})
+ }
+ },
+
+ getNextPage() {
+ if (this.loadingState) {
+ this.loadingState = false
+ var that = this;
+
+ if(that.currentPage==7&&that.preferData)
+ {//鐚滀綘鍠滄
+ this.$u.api.gussessLikeGoods({
+ platefrom:that.preferData.p_platefrom,
+ cids:that.preferData.p_cids,
+ pageId:this.currentPage,
+ pageSize:10
+ }).then(e=>{
+ console.log(e)
+ })
+ }
+ else{
+ this.$u.api.getGoodThing({
+ deviceType: getApp().globalData.platform == 'android' ? (getApp().globalData.systemLevel <
+ 10 ? 'IMEI' : 'OAID') : 'IDFA',
+ deviceValue: getApp().globalData.equipmentNumber,
+ pageId: this.currentPage,
+ pageSize: 10,
+ type: this.bottomType
+ }).then(e => {
+ if (e.code != 0) return that.$alert(e.msg)
+ var res = e.data.list;
+ if (res.length < 10) {
+ that.loadingState = false
+ that.loadstatus = 'normal'
+ } else {
+ that.currentPage++
+ that.loadstatus = 'loading'
+ that.loadingState = true
+ }
+ that.bottomGoodsList = that.bottomGoodsList.concat(res)
+ }).catch(function(err) {})
+ }
}
},
@@ -709,6 +885,7 @@
if (this.bottomCurrent != idx) {
this.currentPage = 1;
this.bottomType = info.type;
+ this.changeBanner(info.type);
this.getbottomGoodsList(this.bottomType);
this.$nextTick(() => {
this.$emit('scrolltoview')
@@ -733,10 +910,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({
@@ -804,6 +985,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%);
@@ -868,7 +1111,7 @@
.pageBody-container {
width: 100%;
//background-color: #FFFFFF;
- margin-bottom: 16rpx;
+ //margin-bottom: 16rpx;
.column-container {
width: 100%;
@@ -876,7 +1119,7 @@
.bannerSwiper-container {
width: 100%;
- height: 280rpx;
+ height: 230rpx;
padding: 0 16rpx;
margin-bottom: 16rpx;
--
Gitblit v1.9.3