caimei-applets-caimei/h5/pages/activity/activity_mid.vue

<template>
	<view class="activity" :class="isRequest ? 'active' :''">
		<view class="topBanner"><image src="https://admin.caimei365.com/userfiles/1/images/photo/2020/08/top-bg%402x.png" mode=""></image></view>
		<view class="activity-main clearfix" :class="inputActive">
			<view class="home-hotmaintab-fixed">
				<view class="home-flex-tab show">
					<view class="flex text-white">
						<view class="basis-xxl">
							<scroll-view scroll-x class="nav z" scroll-with-animation :scroll-left="headTab.scrollLeft">
								<block v-for="(item,index) in headTab.list" :key="index">
									<view class="cu-item" :class="index== headTab.TabCur ?'select':''" @tap="tabSelect(index,item)" :data-id="index">
										<view>{{item}}</view>
										<view class="tab-dot bg-white"/>
									</view>
								</block>
							</scroll-view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="activity-container" id="activityContainer">
			<view class="activity-section one clearfix" :class="'activity-section-'+ index" v-for="(item, index) in dataList" :key="index" :data-index='index' >
				<view class="section-title" :class="'section-title-'+ index" >
					<view class="name">{{item.classificationName}}</view>
				</view>
				<view class="section-main">
					<view class="product-list" v-for="(pros, prosIndex) in item.productList" :key="prosIndex"  @click.stop="detailPage(pros)">
						<view class="list-rebate">{{pros.activityDiscount}}<text class="small">折</text></view>
						<view class="list-image">
							<image :src="pros.mainImage" mode=""></image>
						</view>
						<view class="list-name">{{pros.name}}</view>
						<template v-if="hasLogin">
							<template v-if="userIdentity == 2 || userIdentity == 1">
								<view class="list-price">
									<view class="price-new">￥<text class="big">{{pros.retailPrice}}</text><text>{{pros.smallPrice}}</text></view>
									<view class="price-old">￥<text class="big">{{toFixedFn(pros.price1)}}</text><text></text></view>
								</view>
							</template>
							<template v-if="userIdentity == 4">
								<view class="list-price none">
									<view class="price-left">
										<text class="icon"></text>
										<text class="none">￥<text>???</text></text>
									</view>
									<view class="price-right">
										<view class="login-btn" @click.stop="this.$api.navigateTo(`/pages/login/apply?clubStatus=${clubStatus}`)">去升级</view>
									</view>
								</view>
							</template>
						</template>
						<template v-else>
							<view class="list-price none">
								<view class="price-left">
									<text class="icon"></text>
									<text class="none">￥<text>???</text></text>
								</view>
								<view class="price-right">
									<view class="login-btn" @click.stop="navigator">登录</view>
								</view>
							</view>
						</template>
					</view>
				</view>
			</view>
		</view>
		<view class="activity-pop">
			<!-- #ifdef MP-WEIXIN -->
			<button class="activity-icon share" open-type="share"  @click="onShare"></button>
			<!-- #endif -->
			<button class="activity-icon top" :class="showTop ? 'active' : ''" @click.stop="onPageScrollTop"></button>
		</view>
	</view>
</template>

<script>
	import { mapState,mapMutations} from 'vuex';
	import { debounce } from '@/common/config/common.js'
	import authorize from '@/common/config/authorize.js'
	
	console.log(this)
	export default {
	    data() {
	        return {
			  winHeight: '',
	          topBanner:'',
			  userIdentity:'',
			  clubStatus:'',
			  inputActive:'float',
			  showTop:false,
			  isRequest:false,
			  skeletonShow:true,
			  headTab: {
			  	TabCur: 0, 
			  	scrollLeft: 0, 
			  	list: [],
			  }, 
			  dataList:[],
			  tabSelectFlag: false,
			  sectionPropsArr: [],
			  scrollTopArray:[],
			  sectionTopRangeArr: [],
			  scrollTopIndex:0,
			  hanldeProductID:0,
			  hanldeProductName:'',
			  hanldeProductPrice:'',
	        }
	    },
		onLoad() {
			this.$api.getComStorage('userInfo').then((resolve) =>{
				this.clubStatus = resolve.clubStatus
				this.userIdentity = resolve.userIdentity
			})
			this.getWinHeight();
			this.initData()
			uni.setNavigationBarTitle({title:'年中大促'});
		},
		computed: {
			...mapState(['hasLogin','userInfo','isWxAuthorize'])
		},
		methods:{
			getWinHeight() {
				this.winHeight = wx.getSystemInfoSync().windowHeight;
			},
			initData(){
				this.ActivityService.GetRepeatActivityBrandList().then(response =>{
					let data = response.data
					this.headTab.list = data.brandNames
					this.dataList = data.brandList
					this.dataList.forEach((item,index) =>{
						let productList = item.productList
						let newProductList = []
						this.scrollTopArray.push(index);
						// 处理商品价格
						productList.forEach(el=>{
							let value = el.retailPrice
							let number =  Number(value) - Number(value)%1;
							let intPartFormat = number.toString(); //将整数部分逢三一断
							let floatPart = '.00'
							let smallPrice = ''
							let valueArray = value.toString().split(".");
							if(valueArray.length == 2){
								 floatPart = valueArray[1].toString(); //拿到小数部分
								 if(floatPart.length == 1) { //补0,实际上用不着
									smallPrice = "." + floatPart + '0';
								 } else {
									smallPrice = "." + floatPart;
								 }
							}else{
								smallPrice = floatPart
							}
							newProductList.push(Object.assign({},el,{retailPrice:intPartFormat,smallPrice:smallPrice}))
						})
						item.productList = newProductList
					})
					this.isRequest = true
					// 你看下要不要加延时，可能会获取不到scrollTop
					setTimeout(()=>{
						this.getSectionProps();
					},2000)
				}).catch(error =>{
					this.$util.msg(error.msg,2000)
				})
			},
			getSectionProps() {
				// 获取每个tab对应区域的scrollTop值
				let className = '.activity-section',
					sectionPropsArr = [];
				uni.createSelectorQuery().select('.topBanner').boundingClientRect((data)=>{//最外层盒子节点
				　　uni.createSelectorQuery().selectAll(className).boundingClientRect((res)=>{//最外层盒子节点
						res.forEach((item, index) => {
							sectionPropsArr.push({
								className: `${className}${index}`,
								scrollTop: item.top - data.top - 50
							})
						})
						this.sectionPropsArr = sectionPropsArr;
						this.sectionTopRangeArr = this.getSectionRange(sectionPropsArr);
				　　}).exec()
				}).exec()
			},
			getSectionRange(arr) {
				// 获取每个tab对应区域的区间
				let sectionScrollTopList = [];
				for(let i = 0; i < arr.length; i++) {
					let thisScrollTop = arr[i].scrollTop;
					if(i < arr.length - 1) {
						let nextScrollTop = arr[i+1].scrollTop;
						if(i == 0) {
							sectionScrollTopList.push(`0-${thisScrollTop}`);
						} else if(i == arr.length - 2){
							sectionScrollTopList.push(`${thisScrollTop}-${nextScrollTop - this.winHeight}`);
						} else {
							sectionScrollTopList.push(`${thisScrollTop}-${nextScrollTop}`);
						}
					} else {
						sectionScrollTopList.push(`${thisScrollTop-this.winHeight}-${thisScrollTop}`);
					}
				}
				return sectionScrollTopList;
			},
			activeTab: debounce((top, _this)=> {
				// 当滑动时也能同步激活tab
				const { sectionTopRangeArr } = _this;
				if(sectionTopRangeArr.length > 0) {
					sectionTopRangeArr.forEach((item, index) => {
						let splitItem = item.split('-'),
							openInterval = Number(splitItem[0]),
							closedInterval = Number(splitItem[1]);
						if(top >= openInterval && top < closedInterval) {
							_this.headTab.TabCur = index;
							_this.headTab.scrollLeft = (index - 1) * 60;
						}
					})
				}
			},100, true),
			tabSelect(index,item) {//tab菜单被点击
				this.tabSelectFlag = true;
				this.headTab.TabCur = index;
				this.headTab.scrollLeft = (index - 1) * 60;
				let classIndex = '.activity-section-'+index;
				uni.createSelectorQuery().select('.topBanner').boundingClientRect((data)=>{//最外层盒子节点
				　　uni.createSelectorQuery().select(classIndex).boundingClientRect((res)=>{//最外层盒子节点
				　　　　uni.pageScrollTo({
				　　　　　　duration:300,//过渡时间必须为0，uniapp bug，否则运行到手机会报错
				　　　　　　scrollTop:res.top - data.top - 50,//滚动到实际距离是元素距离顶部的距离减去最外层盒子的滚动距离
				　　　　})
						setTimeout(()=>{
							this.tabSelectFlag = false;
						},500)
				　　}).exec()
				}).exec()
			},
			detailPage(item) {//跳转商品详情页
				this.hanldeProductID = item.productID
				this.hanldeProductName= item.name
				this.hanldeProductPrice= item.retailPrice
				this.$api.navigateTo(`/pages/goods/product?id=${item.productID}&path=activity`)
			},
			navigator(){
				authorize.getSetting().then(res =>{
					console.log('用户是否授权过',res)
					if(res == 1){
						this.$store.commit('setLoginType',9)
						this.$api.navigateTo('/pages/login/login?type=0')
					}else{
						this.$api.navigateTo('/pages/authorization/authorization?type=1')
					}
				})
			},	
			toFixedFn(text){//处理小数点后两位数
				return Number(text).toFixed(2);
			},
			onShare(res){//点击按钮分享转发
				if (res.from === 'button') {
				  // 来自页面内转发按钮
				}
				return {
				  title: '采美年中大促，折扣满满，全场低至9元~',
				  path: '/h5/pages/activity/activity_mid',
				  imageUrl:'https://admin.caimei365.com/userfiles/1/images/photo/2020/08/share%402x.png'
				}
			},
			onPageScrollTop(){
				uni.pageScrollTo({
				    scrollTop: 0,
				    duration: 600
				});
			},
			onCreateSelectorQuery(event,index,classIndex){
				let self = this
				uni.createSelectorQuery().select(classIndex).boundingClientRect((res)=>{//最外层盒子节点4
					if(res.dataset.index == index){
						if( event.scrollTop == res.top ){
							self.headTab.TabCur = index;
							self.headTab.scrollLeft = (index - 1) * 60;
						}
					}
				}).exec()
			}
		},
		onShareAppMessage (res){//小程序三点分享转发
			if (res.from === 'button') {
				// 来自页面内转发按钮
		    }
			return {
				title: '采美年中大促，折扣满满，全场低至9元~',
				path: '/h5/pages/activity/activity_mid',
				imageUrl:'https://admin.caimei365.com/userfiles/1/images/photo/2020/08/share%402x.png'
			}
		},
		onPageScroll(e){//实时获取到滚动的值
			const { scrollTop } = e;
			if(!this.tabSelectFlag) {
				this.activeTab(scrollTop, this);
			}
			
			if(e.scrollTop > 450){
				this.inputActive = 'fixed'
			}else{
				this.inputActive = 'float'
			}	
			if(e.scrollTop>600){
				this.showTop = true
			}else{
				this.showTop = false
			}	
			//锚点切换
			// this.createSelectorQuery(e)
		},
		onPullDownRefresh() {//下拉刷新
			uni.stopPullDownRefresh()
		},
		onShow() {
			
		}
	}
</script>
	
<style lang="scss">
	view,
	scroll-view,
	swiper,
	button,
	input,
	textarea,
	label,
	navigator{
		box-sizing: border-box;
	}
	.activity{
		width: 100%;
		height: auto;
		padding-bottom:60rpx;
		background:rgba(242,94,58,1);
		opacity: 0;
		&.active{
			opacity: 1;
		}
	}
	.topBanner{
		width: 100%;
		height: 880rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.activity-main{
		width: 100%;
		height: auto;
		&.float{
			float: left;
		}
		&.fixed{
			position: fixed;
			left: 0;
			top: 0;
			z-index: 99999;
		}
	}
	.activity-pop{
		width: 80rpx;
		height: 220rpx;
		position: fixed;
		right: 20rpx;
		bottom: 100rpx;
		.activity-icon{
			width: 80rpx;
			height: 80rpx;
			display: block;
			margin: 15rpx 0;
			&.share{
				background: url(data:image/png;base64,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) no-repeat;
				background-size: contain;
			}
			&.top{
				opacity: 0;
				background: url(data:image/png;base64,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) no-repeat;
				background-size: contain;
				&.active{
					opacity: 1;
				}
			}
		}
	}
	.activity-container{
		width: 100%;
		height: auto;
		padding: 0 24rpx;
		.activity-section{
			width: 100%;
			height: auto;
			.section-title{
				width: 100%;
				height: 88rpx;
				float: left;
				.name{
					min-width: 40rpx;
					height: 88rpx;
					margin: 0 auto;
					padding: 0 60rpx;
					line-height: 88rpx;
					text-align: center;
					color: #FFFFFF;
					font-size:$font-size-32 ;
					letter-spacing:4rpx;
					position: relative;
					&::before{
						content: '';
						width:240rpx;
						height:4rpx;
						background:linear-gradient(302deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
						position: absolute;
						left: 20rpx;
						top: 50%;
					}
					&::after{
						content: '';
						width:240rpx;
						height:4rpx;
						background:linear-gradient(302deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
						position: absolute;
						right: 20rpx;
						top: 50%;
					}
				}
			}
			.section-main{
				width: 100%;
				height: auto;
				float: left;
				padding: 0 0 20rpx 0;
				.product-list{
					width: 340rpx;
					height: 546rpx;
					padding:0 0 20rpx 0;
					border-radius: 20rpx;
					background-color: #FFFFFF;
					float: left;
					margin-right:20rpx;
					margin-bottom: 20rpx;
					position: relative;
					&:nth-child(2n){
						margin-right: 0;
					}
					.list-rebate{
						width: 82rpx;
						height: 82rpx;
						position: absolute;
						top: 15rpx;
						left: 15rpx;
						background: url(data:image/png;base64,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)no-repeat;
						background-size: contain;
						line-height: 82rpx;
						text-align: center;
						font-size: $font-size-24;
						font-weight: bold;
						color: #FFFFFF;
						font-family: 'Helvetica';
						.small{
							font-size: $font-size-20;
						}
					}
					.list-image{
						width: 340rpx;
						height: 340rpx;
						image{
							width: 340rpx;
							height: 340rpx;
							display: block;
							border-radius: 20rpx 20rpx 0 0;
						}
					}
					.list-name{
						width: 100%;
						padding:0 20rpx;
						height: 84rpx;
						margin: 10rpx 0;
						line-height: 42rpx;
						text-overflow:ellipsis;
						display: -webkit-box;
						word-break: break-all;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						font-size: $font-size-28;
						letter-spacing: 1px;
					}
					.list-price{
						width: 100%;
						height: 60rpx;
						padding:0 20rpx;
						&.none{
							padding: 6rpx 20rpx;
							margin-top: 30rpx;
							.price-left{
								float: left;
								.icon{
									display: block;
									width: 48rpx;
									height: 48rpx;
									background: url(data:image/png;base64,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)no-repeat center center;
									background-size: contain;
									float: left;
								}
								.none{
									display: block;
									font-size: $font-size-20;
									line-height: 48rpx;
									color: #4A4B54;
									float: left;
									font-weight: bold;
									margin-left: 5rpx;
									text{
										letter-spacing: 4rpx;
										font-size: $font-size-32;
									}
								}
							}
							.price-right{
								float: right;
								.login-btn{
									width: 100rpx;
									height: 48rpx;
									background-color: #613FD2;
									border-radius: 24rpx;
									color: #FFFFFF;
									text-align: center;
									line-height: 48rpx;
									font-size: $font-size-26;
									font-weight: bold;
								}
							}
						}
						.price-new{
							width: 100%;
							height: 48rpx;
							line-height: 48rpx;
							font-size: $font-size-24;
							font-weight: bold;
							color: #FF5959;
							text-align: left;
							.big{
								font-size: $font-size-36;
							}
						}
						.price-old{
							width: 100%;
							height: 38rpx;
							line-height: 38rpx;
							font-size: $font-size-24;
							color: #666666;
							text-align: left;
							text-decoration: line-through;
						}
						
					}
				}
			}
		}
	}
	.home-hotmaintab-fixed{
		width: 100%;
		height:auto;
		overflow: hidden;
		background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/tab%402x.png)no-repeat;
		background-size: contain;
		padding-bottom: 20rpx;
		.home-flex-tab {
			width: 100%;
			position: relative;
			transition: opacity .25s;
			.text-white{
				color: #FFFFFF;
			}
			.flex {
				.basis-xxl {
					flex-basis: 100%;
					width: 100%;
					z-index: 1;
				}
				.basis-xxs {
					flex-basis: 10%;
					z-index: 1;
					width: 10%;
				}
				.sort-icon {
					font-size: 55rpx;
					height: 64rpx;
					line-height: 64rpx;
					text-align: center;
				}
			}
		}
	}
	.nav{
		white-space:nowrap;
	}
	.nav .cu-item {
		display: inline-block;
		margin: 0 10rpx;
		padding: 0 20rpx;
		letter-spacing: 2rpx;
	}
	.nav.z .cu-item.select {
		font-size: $font-size-32;
		font-weight: bold;
		color: #FFFFFF;
	}
	.nav.z .cu-item {
		height: 88rpx;
		font-size: $font-size-26;
		line-height: 88rpx;
		position: relative;
	}
	.nav.z .cu-item.select .tab-dot {
		position: absolute;
		height: 8rpx;
		border-radius: 20rpx;
		bottom: 0;
		left: 0;
		right: 0;
		width: 40rpx;
		margin: auto;
	}
	.bg-white{
		background-color: #FFFFFF;
	}
	::-webkit-scrollbar {
		display: none;
	}
	.flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
</style>