hotelHomestayWx/pages/login/apply.vue

<template>
	<view class="page" :style="{'height':h+'px','padding-top':mt+'px'}">
		<c-nav-bar title="选择门店" backUrl="/pages/login/index" :showHome="false"></c-nav-bar>
		<view class="info">
			<image src="https://i.ringzle.com/file/20240624/82fbe7909bc4463d99f45351f5b62580.png"></image>
			<view class="text">您暂未入驻，还没有门店信息 请去“游嵊泗”小程序用户端 提交资料申请入驻～</view>
		</view>
		<view class="apply" @tap="apply">申请入驻</view>
	</view>
</template>

<script>
	export default {
		methods: {
			apply(){
				uni.navigateToMiniProgram({
					appId:"wx3ff22b7cc3ede307",
					path: "pages/my/index",    
					success(res) {
						
					},
					fail(err) {
						this.$showToast('跳转“游嵊泗”小程序失败')
					}
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.page {
		background: #F5F8FA;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		padding: 0 88rpx;
		box-sizing: border-box;
		
		.info{
			width: 100%;
			padding: 0 68rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 220rpx;
			image{
				width: 438rpx;
				height: 310rpx;
			}
			.text{
				width: 100%;
				padding: 0 11rpx;
				box-sizing: border-box;
				margin-top: 37rpx;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #333333;
				line-height: 45rpx;
				text-align: center;
			}
		}
		
		.apply{
			margin-top: 288rpx;
			width: 100%;
			height: 90rpx;
			background: #1372FF;
			border-radius: 47rpx;
			line-height: 90rpx;
			text-align: center;
			font-family: PingFang-SC, PingFang-SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			letter-spacing: 2rpx;
		}
	}
</style>