<!--协议条款-->
<template>
	<view class="main">
		<u-navbar
			title="协议条款"
			:safeAreaInsetTop="true"
			:fixed="true"
			bgColor="#FFFFFF00"
			:placeholder="true"
			@leftClick="onBackTouched"
		/>
		<u-skeleton
			rows="1"
			:loading="true"
			:title="false"
			rowsHeight="800rpx"
			rowsWidth="750rpx"
			v-if="agreementData.textmsg == ''"
		>
		</u-skeleton>
		<view v-else style="width: 662rpx;height: auto;position: relative;left: 44rpx;top: 12rpx;background-color: #FFFFFF;border-radius: 20rpx;">
			<u-parse :content="agreementData.textmsg"></u-parse>
		</view>
		<button class="button" @click="onTouchConfirm">确定</button>
	</view>
</template>

<script>
	export default {
		/**
		 * 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参）
		 */
		onLoad() {
			
		},
		data() {
			return {
				agreementData : getApp().globalData.agreementData,
			};
		},
		methods:{
			/**
			 * 点击了返回按钮
			 */
			onBackTouched(){
				
				uni.navigateBack({
					
				});
			},
			/**
			 * 点击了确定按钮
			 */
			onTouchConfirm(){
				this.agreementData.isAgreed = true;
				uni.navigateBack({
					
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		font-size: 24rpx;
		width: 662rpx;
		height: auto;
		color: #333333;
	}
	.button{
		width: 702rpx;
		height: 90rpx;
		background: #D49B4B;
		opacity: 1;
		border-radius: 93rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		font-size: 36rpx;
		top: 25rpx;
		color: #FFFFFF;
	}
</style>
