JP-ChargeTeam51/pages/temporary/20241111/doubleElevenIntroduce.vue

<template>
	<view>
		<ujp-navbar title="双11活动介绍"></ujp-navbar>
		<view class="top">
			<img class="cover" src="@/assets/img/topCover.png" alt="" />
			<img class="img1" src="@/assets/img/doubleEleven3x.png" alt="" />
			<img class="img2" src="@/assets/img/doubleElevenLogo.png" alt="" />
		</view>
		<view class="introduce">
			<view class="item">
				<view class="title">
					活动时间：
				</view>
				<view class="value">
					2024年11月10、11日、12日
				</view>
				
			</view>
			<view class="item">
				<view class="title">
					活动对象：
				</view>
				<view class="value">
					优电联盟注册会员
				</view>
				
			</view>
			<view class="item">
				<view class="title">
					活动内容：
				</view>
				<view class="value">
					
						<p>快充且充电量达30度（含）以上均有一次抽奖机会，奖品包括：</p>
						<p style="color:#F08736 ;font-weight: bold;">充电免单券（含电费）</p>
						<p style="color:#F08736 ;font-weight: bold;">服务费免单券</p>
						<p style="color:#F08736 ;font-weight: bold;">充电服务费6折月卡</p>
						<p>活动结束后 3 个工作日内进行抽奖，符合条件用户可参与抽奖，祝您中奖！ </p>
						
				</view>
				
			</view>
			<view class="item">
				<view class="title">
					活动场站：
				</view>
				<view class="value">
					优电联盟所有站点
				</view>
				
			</view>
			<view class="item">
				<view class="title">
					活动内容：
				</view>
				<view class="value" 	 >
					<p>1、本活动以充电开始时间为准。</p>
					<p>2、本次活动仅适用优电联盟平台会员，不包含快电、新电途用户。</p>
					<p>3、本次活动最终解释权归湖北鹏育优电新能源科技有限公司所有。</p>
				</view>
				
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #DD3032;
		padding-bottom: 100rpx;
	}
	.cover{
		width:100%;
		height: 416rpx;
		position: relative;
		
	}
	 
	.img1{
		width:100%;
		height: 500rpx;
		position: absolute;
		top: 88rpx;
		left: 50%;
		transform: translateX(-50%);
		
	}
	
	.img2{
		width: 640rpx;
		//height: 100%;
		position: absolute;
		top: 128rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	.introduce{
		position: relative;
		
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 1);
		padding: 40rpx 32rpx 8rpx;
		margin:-48rpx 24rpx 24rpx;
		.item{
			margin-bottom: 40rpx;
			.title{
				color: rgba(16, 16, 16, 1);
				font-size: 32rpx;
				font-weight: bold;
			}
			.value{
				color: rgba(51, 51, 51, 1);
				margin-top: 16rpx;
				p{
					margin-top: 8rpx;
				}
			}
		}
	}

</style>