MoeNovaClient/pages/AboutUs/xiuxi.vue

<template>
	<view class="page">

		<!-- <view class="code">
			<image src="../../static/code.png" mode=""></image>
			<text>扫描二维码，您的朋友也可以使用或下载哦~</text>
		</view> -->

		<view class="xy-list">

			<view class="list">
				<view class="title">青少年防沉迷提示</view>
				<view class="content">

					你已进入青少年保护模式，为了保障充足的休息时间，你在每日晚22时至次日早6时期间无法使用本APP应用（萌创星球），另外你每日的使用时长仅限40分钟。

				</view>

			</view>

		</view>

	</view>
</template>
<script>
	export default {
		data() {
			return {
				showYong: false,
				showYongMode: false,
				myinfo: {}
			};
		},
		onLoad() {},
		onShow() {
			// this.loadInfo();
		},
		methods: {
			onBack() {},

			loadInfo() {
				let that = this;
				uni.request({
					url: this.$apiHost + '/My/idcheck',
					data: {
						uuid: getApp().globalData.uuid
					},
					header: {
						"content-type": "application/json",
						'sign': getApp().globalData.headerSign
					},
					success: (res) => {
						console.log("----:", res.data);
						that.myinfo = res.data;
						if (that.myinfo.step < 9) {
							that.showYong = true;
						} else {
							that.showYong = false;
							if (res.data.age < 18) {
								that.showYongMode = true;
							}
						}
					},
					complete: (com) => {
						// uni.hideLoading();
					},
					fail: (e) => {
						console.log("----e:", e);
					}
				});
			},
			onGoGoGo() {
				let that = this;
				that.$refs['DialogBox'].confirm({
					title: '提示',
					content: '您还没有实名，请先去实名认证',
					DialogType: 'inquiry',
					btn1: '否',
					btn2: '是',
					animation: 0
				}).then((res) => {
					uni.navigateTo({
						url: '/pages/my/idcheck'
					})
				})
			}

		}
	}
</script>

<style scoped lang="scss">
	page {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #161616;
	}

	.xy-list {
		padding: 0 4%;
		border-radius: 20rpx;
		margin: 20rpx auto;

		.list {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			flex-direction: column;
			width: 100%;
			padding-bottom: 20rpx;
			padding-top: 10rpx;

			.title {
				color: #fff;
				width: 100%;
				text-align: center;
			}

			.content {
				display: flex;
				width: 100%;
				align-items: center;
				justify-content: center;
				padding-top: 280rpx;
				color: #ffffff;
				font-size: 26rpx;

			}
		}
	}

	.btn {
		position: fixed;
		bottom: 80rpx;
		left: 200rpx;
		width: 350rpx;
		height: 70rpx;
		background-color: #f0f0f0;
		border-radius: 70rpx;
		text-align: center;
		line-height: 70rpx;
	}
</style>