H5-Merchant/openmerchant/guide/index.vue

<template>
	<view class="guide">
		<view class="guide_header">
			<view class="">
				请立即开通店铺！
			</view>
			<view class="">
				开通后才可以正常使用！
			</view>
		</view>
		<view class="guide_icon">
			<image src="https://cdn.bjtdba.com/vod/image/2022-08-09/20220809174136233.png" mode="widthFix"></image>
		</view>
		<view class="guide_bottom" @click="activatenow">
			立即开通
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			activatenow(){
				uni.navigateTo({
					url:"/openmerchant/amountopening/index"
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #1F7CFF;
	}
</style>
<style lang="scss" scoped>

	.guide{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: #1F7CFF;
		.guide_header{
			width: 462rpx;
			height: 108rpx;
			margin: 279rpx 0 125rpx 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			font-size: 42rpx;
			font-weight: 500;
			color: #FFFFFF;
		}
		.guide_icon{
			width: 750rpx;
			height: 520rpx;
			margin-bottom: 168rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.guide_bottom{
			width: 686rpx;
			height: 98rpx;
			border-radius: 8rpx;
			border: 2rpx solid #FFFFFF;
			font-size: 36rpx;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			line-height: 98rpx;
		}
	}
</style>