JP-ChargeTeam51/pages/user/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日至2024年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>					1、2024 年 11 月10 日-11 月12 日，凡使用快充充电的平台用户均享受服务费7.5折优惠（电费、停车费及占桩费据实结算）。 </p>
<p>					2、活动期间，凡使用快充充电达 30 度（含）以上的用户，有机会参加服务费名单抽奖。 </p>
					<p>3、活动结束后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: 456rpx;
		position: relative;
		
	}
	 
	.img1{
		width: 100%;
		height: 556rpx;
		position: absolute;
		top: 88rpx;
		left: 50%;
		transform: translateX(-50%);
		
	}
	
	.img2{
		width: 594rpx;
		height: 268rpx;
		position: absolute;
		top: 168rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	.introduce{
		position: relative;
		
		border-radius: 20px;
		background-color: rgba(255, 255, 255, 1);
		padding: 40rpx 20rpx 8rpx;
		margin:-48rpx 24rpx 24rpx;
		.item{
			margin-bottom: 40rpx;
			.title{
				color: rgba(16, 16, 16, 1);
				font-size: 32rpx;
			}
			.value{
				color: rgba(51, 51, 51, 1);
				margin-top: 16rpx;
				p{
					margin-top: 8rpx;
				}
			}
		}
	}

</style>