<template>
	<view class="c_">
		<view class="her_top">
			<view class="" @click="goback()"><u-icon name="arrow-left" color="#fff" size="18"></u-icon></view>
			<view class="">{{title}}</view>
			<view class="r-i"></view>
		</view>

		<view class="caner_box">
			<u-parse  :content="content"></u-parse>

		</view>



	</view>
</template>
<script>
	import request from '../../utils/request'
	import headersVue from '../../components/header/headers.vue'
	export default {
		data() {
			return {
				title:'',
				id: 1,
				msg: "3",
				List: [],
				show: false,
				status: 'loading',
				content:null,
				tel: ''
			}
		},
		onLoad(option) {
			this.id = option.data
			if(this.id == 1){
				this.title = "Notifications"
			}else if(this.id == 2){
				this.title = "Privacy security"
			}else if(this.id == 3){
				this.title = "Terms of service"
			}else if(this.id == 4){
				this.title = "Contact us"
			}


			this.getSet()
		},
		components:{
			headersVue
		},
		methods: {

			async getSet() {

				let res = await request({
					url: 'system/settings/1 ',
					method: 'get',
				})
				if (res.code == 200) {

					if(this.id == 1){
						this.content = res.data.notifications
					}else if(this.id == 2){
							this.content = res.data.privacyPolicy
					}else if(this.id == 3){
							this.content = res.data.termsOfService
					}else if(this.id == 4){
							this.content = res.data.aboutUs
					}
				}
			},


			goback() {
				uni.navigateBack()
			}
		}
	}
</script>
<style scoped lang="scss">
	.c_ {
		box-sizing: border-box;
		// padding: 15px;
		padding-top: 100px;
		background: #f8f8f8;
	}
	.r-i{
		width: 18px;
		height: 18px;
	}
	.her_top{
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 180rpx;
		color: #fff;
		background: #32714F;
		box-sizing: border-box;
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 50px;
		z-index: 99999999999;
	}
	.caner_box{
		background: #fff;
		border-radius: 5px;
		width: 95%;
		margin: 10px auto;
		box-sizing: border-box;
		padding: 15px;
	}
</style>
