shenweishi/pages/noDialysis/index.vue

<template>
	<view class="noDialysis">
		<view class="codeBox">
			<img class="imgTip" src="../../static/images/tip.png" alt="">
			<view class="tipTitle">温馨提示</view>
			<view class="tip">仅供使用了领透酷医云透析管理平台的</view>
			<view class="tip">透析中心患者使用我的透析</view>
			<view class="know" @click="back">知道了</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style>
	page{
		height: 100%;
	}
	.noDialysis{
		background: #f7f7f7;
		height: 100%;
		overflow:hidden;
	}
	.codeBox{
		margin: 60rpx;
		height: 606rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
		border-radius: 16rpx;
		text-align: center;
		padding-top: 40rpx;
		box-sizing: border-box;
	}
	.imgTip{
		width: 160rpx;
		height: 160rpx;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.tipTitle{
		font-size: 40rpx;
		color: #000000;
		text-align: center;
		margin: 32rpx 0 38rpx;
	}
	.tip{
		font-size: 32rpx;
		color: #A3A3A3;
		text-align: center;
	}
	.know{
		width: 480rpx;
		height: 96rpx;
		background: linear-gradient(-90deg, #01BD5D, #28D87D);
		box-shadow: 0px 0px 24rpx 0px rgba(0, 198, 146, 0.4);
		border-radius: 48rpx;
		margin: 64rpx auto 0;
		font-size: 40rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 96rpx;
	}
</style>