caimei-applets-weisha/pages/login/authorize.vue

<template>
	<view class="container">
		<view class="authorize">
			<image src="../../static/ws/logo.png" mode="widthFix"></image>
			<view class="text">
				您暂未授权<text>维沙采购商城</text>小程序获取您的信息将无法正常使用小程序的功能，如需正常使用，请点击 “<text>授权</text>” 按钮打开头像，昵称等信息的授权
			</view>
			<view class="btns">
				<button type="primary">微信授权</button>
				<button type="default">取消</button>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.container{
		overflow: hidden;
	}
	.authorize{
		width: 572rpx;
		margin: 180rpx auto 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		image{
			width: 152rpx;
			height: 152rpx;
			border-radius: 50%;
		}
		.text{
			font-size: 26rpx;
			line-height: 48rpx;
			margin: 60rpx 0;
			color: #666;
			text{
				color: #333;
			}
		}
		.btns{
			button{
				width: 540rpx;
				height: 90rpx;
				border-radius: 45rpx;
				font-size: 30rpx;
				line-height: 90rpx;
				text-align: center;
				margin-top: 20rpx;
				&:last-child{
					background-color: #fff;
					border: 1rpx solid #b4b4b4;
					box-sizing: border-box;
				}
			}
			
		}
	}
</style>