caimei-applets-crm/pages/login/login-error.vue

<template>
	<view class="container">
		<view
			class="tui-header-box first"
			:style="{ height: isCmcustomClass == 'fiexd' ? CustomBar + 6 + 'px' : CustomBar + 6 + 'px' }"
			:class="isCmcustomClass"
		>
			<view class="header-top" :style="{ paddingTop: top + 'px', lineHeight: CustomBar + 20 + 'px' }"></view>
			<view class="header-sit">
				<text class="iconfont icon-fanhui" @click.stop="this.$api.navigateBack(2)"></text>
				<text class="header-sit-text"></text>
			</view>
		</view>
		<view class="share-empty">
			<view class="icon"><image :src="StaticUrl + '/image/icon-noaccess@2x.png'" mode="widthFix"></image></view>
			<view class="text">暂无权限查看</view>
		</view>
	</view>
</template>

<script>
import { mapMutations } from 'vuex'
import authorize from '@/common/config/authorize.js' 
export default {
	computed: {
		
	},
	data() {
		return {
			StaticUrl: this.$Static,
			isIphoneX: this.$store.state.isIphoneX,
			CustomBar: this.CustomBar, // 顶部导航栏高度
			height: 64, //header高度
			top: 0, //标题图标距离顶部距离
			scrollH: 0, //滚动总高度
			opcity: 1,
			isCmcustomClass: 'left',
		} 
	},
	onLoad(option) {
		let obj = {}
		// #ifdef MP-WEIXIN
		obj = wx.getMenuButtonBoundingClientRect()
		// #endif
		// #ifdef MP-BAIDU
		obj = swan.getMenuButtonBoundingClientRect()
		// #endif
		// #ifdef MP-ALIPAY
		my.hideAddToDesktopMenu()
		// #endif
		uni.getSystemInfo({
			success: res => {
				this.width = obj.left || res.windowWidth
				this.height = obj.top ? obj.top + obj.height + 8 : res.statusBarHeight + 44
				this.top = obj.top ? obj.top + (obj.height - 32) / 2 : res.statusBarHeight + 6
				this.scrollH = res.windowWidth * 0.6
			}
		})
	},
	methods: {
		...mapMutations(['login', 'logout']),
	},
	onShow() {
	}
}
</script>

<style lang="scss">
.container {
	width: 100%;
	height:100%;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content:center;
	.share-empty{
		width: 260rpx;
		height: 412rpx;
		.icon{
			width: 150rpx;
			height: 150rpx;
			margin: 0 auto;
			image{
				width: 100%;
				height: 100%;
				display: block;
			}
		}
		.text{
			font-size: $font-size-28;
			line-height: 60rpx;
			color: rgba(70,136,250,0.7);
			text-align: center;
		}
		.icon-shouye1{
			display: block;
			width: 80rpx;
			height: 80rpx;
			float: left;
			text-align: center;
			line-height: 80rpx;
			font-size: 48rpx;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}
.tui-header-box {
	width: 100%;
	background: #ffffff;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	background-size: cover;
	background-image: url(https://static.caimei365.com/app/crm/image/statistic_bg2.png);

	&.fiexd {
	}

	&.first {
	}
}
.header-top {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 0 40rpx;
}

.header-sit {
	width: 100%;
	box-sizing: border-box;
	height: 80rpx;
	line-height: 80rpx;
	box-sizing: border-box;
	color: #ffffff;
	.header-sit-text {
		text-align: left;
		font-size: $font-size-40;
		font-weight: 600;
		font-family: '正楷';
	}
	.iconfont {
		display: block;
		width: 80rpx;
		height: 80rpx;
		float: left;
		text-align: center;
		line-height: 80rpx;
		font-size: 46rpx;
	}
}

</style>