<template>
	<view class="content">
		<view class="page-content">
			<view class="page-care" v-if="!hideZysx">
				<view class="title">-注意事项-</view>
				<u-image width="750rpx" height="1200rpx" mode="aspectFit" src="/static/img/zysx.png"></u-image>
			</view>
			<view class="page-care agreement">
				<view class="title">-服务协议-</view>
			</view>
		</view>
		<view class="footer" @click="goBack" v-if="!hideZysx">
			我已阅读并同意无人洗车《注意事项及服务协议》
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				hideZysx: false
			}
		},
		onLoad(option) {
			// 从个人中心打开的
			if(option.fromPage == 'usercenter'){
				this.hideZysx = true
				uni.setNavigationBarTitle({
					title: "服务协议"
				})
			}
		},
		methods: {
			// 点击已阅读返回上一页
			goBack () {
				// 出发已阅读事件
				uni.$emit('read',{msg:'read'})
				uni.navigateBack()
			}
			
		}
	}
</script>

<style lang="scss">
	page{
		width: 100%;
		height: 100%;
	}
	.content{
		padding: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		.page-content{
			flex: 1;
			overflow-y: scroll;
		}
		.title{
			font-size: 30rpx;
			font-weight: 600;
		}
		.page-care{
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-top: 20rpx;
		}
		.footer{
			width: 100%;
			text-align: center;
			line-height: 100rpx;
			background-color: rgb(255,0,0);
			color: #fff;
		}
	}
</style>
