discounts-minapp/verify/index.vue

<template>
	<view class="verify">
		<view class="box">
			<view class="item">
				<view class="label">
					客户号码
				</view>
				<view class="value">
					13187061605
				</view>
			</view>
			<view class="item">
				<view class="label">
					套餐价格
				</view>
				<view class="value">
					10元
				</view>
			</view>
			<view class="item">
				<view class="label">
					套餐权益
				</view>
				<view class="value">
					加油充电8折起；景区门票6折起；千家酒店随心住
				</view>
			</view>
		</view>

		<view class="save-btn" @click="handleBtn">
			确认办理，去激活
		</view>

	</view>
</template>

<script>
	export default {
		methods: {
			handleBtn() {
				uni.showModal({
					title: '短信已发送至您的手机，请注意查收',
					success: (r) => {
						if (r.confirm) {
							uni.navigateTo({
								url: './activate'
							})
						}
					}
				})

			}
		},
	}
</script>

<style lang="scss" scoped>
	.verify {
		padding: 24rpx 30rpx;
		background: #F9F9F9;
		min-height: 100vh;
		.box {
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			padding: 30rpx;
			.item {
				display: flex;
				align-items: center;
				padding: 10rpx 0;
				line-height: 45rpx;

				.label {
					width: 200rpx;
					font-size: 28rpx;
					font-weight: bold;
					align-self: flex-start;
				}

				.value {
					flex: 1;
					font-size: 26rpx;
					font-weight: bold;
				}
			}
		}

		.save-btn {
			width: 560rpx;
			height: 96rpx;
			line-height: 96rpx;
			font-size: 32rpx;
			border-radius: 48rpx;
			font-weight: bold;
			background: $uni-color-primary;
			color: #fff;
			text-align: center;
			margin: 95rpx auto 0;
		}
	}
</style>