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

<template>
	<view class="activity" :class="isRequest ? 'active' :''">
		<view class="topBanner">
			<image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-topbanner%402x.png" mode=""></image>
		</view>
		<view class="activity-main clearfix">
			<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">
			<view class="activity-section one clearfix" v-for="(item, index) in dataList">
				<view class="section-title">{{item.name}}</view>
				<view class="section-main">
					<view class="product-list" v-for="(pros, index) in item.productList" :key="index"  @click.stop="navToDetailPage(item.productID)">
						<view class="list-rebate">{{pros.activityDiscount}}折</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">
								<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 v-else>
								<view class="list-price">
									<view class="price-new">￥<text class="big">{{pros.retailPrice}}</text><text>.00</text></view>
									<view class="price-old">￥<text class="big">{{pros.price1}}</text><text>.00</text></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="navigator()">登录</view>
								</view>
							</view>
						</template>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState,mapMutations} from 'vuex';
	import authorize from '@/common/config/authorize.js'
	export default {
	    data() {
	        return {
	          topBanner:'',
			  userIdentity:'',
			  clubStatus:'',
			  isRequest:true,
			  headTab: {
			  	TabCur: 0, 
			  	scrollLeft: 0, 
			  	list: [],
			  }, 
			  dataList:[]
	        }
	    },
		onLoad(option) {
			console.log(option)
			this.activityPath = option.path
			this.productID = option.productID
			uni.setNavigationBarTitle({title:'采美商城年中促销'});
			let number = 19200.26
			let value2Array = number.toString().split(".");
			console.log(value2Array)
		},
		computed: {
			...mapState(['hasLogin','userInfo'])
		},
		methods:{
			initData(){
				this.ActivityService.GetRepeatActivityBrandList().then(response =>{
					console.log(response)
					let data = response.data
					this.headTab.list = data.brandNames
					this.dataList = data.brandList
				}).catch(error =>{
					this.$util.msg(error.msg,2000)
				})
			},
			//tab菜单被点击
			tabSelect(index,item) {
				this.headTab.TabCur = index;
				this.headTab.scrollLeft = (index - 1) * 60;
			},
			navToDetailPage(id) {//跳转商品详情页
				this.$api.navigateTo(`/pages/goods/product?id=${id}`)
			},
			navigator(){
				authorize.getSetting().then(wxResponse =>{// console.log('是否已授权',res);//0:为取消授权 1:为已授权 2:为未操作
					if(wxResponse == 1){
						this.$api.navigateTo('/pages/login/login?type=0')
					}else{
						this.$api.navigateTo('/pages/authorization/authorization?type=1')
					}
				})	
			},	
		},
		onPullDownRefresh() {//下拉刷新
			uni.stopPullDownRefresh()
		},
		onShow() {
			this.$api.getComStorage('userInfo').then((resolve) =>{
				this.clubStatus = resolve.clubStatus
				this.userIdentity = resolve.userIdentity
				this.initData()
			})
		}
	}
</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-container{
		width: 100%;
		height: auto;
		padding: 0 24rpx;
		.activity-section{
			width: 100%;
			height: auto;
			.section-title{
				width: 100%;
				height: 88rpx;
				line-height: 88rpx;
				text-align: center;
				color: #FFFFFF;
				font-size:$font-size-32 ;
				letter-spacing:4rpx;
				float: left;
				background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-title%402x.png)no-repeat;
				background-size: contain;
			}
			.section-main{
				width: 100%;
				height: auto;
				float: left;
				padding: 0 0 20rpx 0;
				.product-list{
					width: 340rpx;
					height: 526rpx;
					padding: 20rpx;
					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: 20rpx;
						left: 20rpx;
						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-28;
						color: #FFFFFF;
					}
					.list-image{
						width: 300rpx;
						height: 300rpx;
						image{
							width: 300rpx;
							height: 300rpx;
							display: block;
						}
					}
					.list-name{
						width: 100%;
						height: 104rpx;
						padding: 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;
					}
					.list-price{
						width: 100%;
						height: 60rpx;
						&.none{
							padding: 6rpx 0;
							margin-top: 20rpx;
							.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{
										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: 40rpx;
							line-height: 40rpx;
							font-size: $font-size-24;
							color: #252529;
							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/icon-tbabg%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>