junzitang/pages/index/FullScreen.vue

<template>
	<view>
		<view class="u-update-content">
			<view class="content">
				<view>
					当前店铺已打烊，请联系商家
				</view>
				<view>
					电话：{{enterprice.mobile}}
				</view>
			</view>
			<view class="btn" @click="confirm">一键拨号</view>
		</view>
		<view class="logo-view" v-if="$common.getEnToken() !== '8fa553d53f44e33123e4d0d51a0de634'">
			<image src="https://onlineimg.qianniao.vip/QNlogo-i-1.png" mode="aspectFit"></image>
			<text>提供技术支持</text>
		</view>
	</view>
	
</template>

<script>
export default {
	data() {
		return {
			show: true
		};
	},
	computed:{
		enterprice(){
			return this.$store.state.enterpriseInfo
		}
	},
	methods: {
		cancel() {
			this.closeModal();
		},
		confirm() {
			uni.makePhoneCall({
				phoneNumber: this.enterprice.mobile
			});
		},
		closeModal() {
			uni.navigateBack();
		}
	}
};
</script>

<style scoped lang="scss">
.u-full-content {
	background-color: #00c777;
}

.u-update-content {
	color: $u-content-color;
	line-height: 1.7;
	padding: 30rpx;
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	// .title{
	// 	font-size: 28rpx;
	// 	color: #333333;
	// 	font-weight: bold;
	// }
	.content{
		font-size: 32rpx;
		padding: 50rpx 0;
		font-weight: bold;
	}
	.btn{
		line-height: 80rpx;
		width: 600rpx;
		color: #FFFFFF;
		background-color: #007AFF;
		text-align: center;
		border-radius: 10rpx;
	}
}
.logo-view {
	text-align: center;
	padding-top: 50upx;
	font-size: 24upx;
	color: #999;
	line-height: 20rpx;
	position: fixed;
	bottom: 50rpx;
	left: 50%;
	transform: translateX(-50%);
	image {
		width: 150upx;
		height: 25upx;
		opacity: 0.7;
		vertical-align: middle;
	}
}
</style>