wardrobe/pages/xieyi/index.vue

<template>
	<view :style="{ minHeight: sys.windowHeight + 'px' }"
		:class="[$tm.vx.state().tmVuetify.black ? 'black' : ' ']">
		<tm-menubars title="" :shadow="0" :showback="true"></tm-menubars>
		<view class="tou C1b1b1b">用户服务协议</view>
		<view class="zhuti" v-html="putdata.val">
			<!-- <view class="text-size-lg text-weight-b mb-24">
				一、总则
			</view>
			<view class="text-size-s mb-24">
				1.1　用户应当同意本协议的条款并按照页面上的提示完成全部的注册程序。用户在进行注册程序过程中勾选"我已阅读并接受"模块即表示用户与产品名称达成协议，完全接受本协议项下的全部条款。
			</view>
			<view class="text-size-s mb-24">
				1.2　用户注册成功后，产品名称将给予每个用户一个用户帐号及相应的密码，该用户帐号和密码由用户负责保管；用户应当对以其用户帐号进行的所有活动和事件负法律责任。
			</view>
			<view class="text-size-s mb-24">
				1.3　用户可以使用产品名称各个频道单项服务，当用户使用产品名称各单项服务时，用户的使用行为视为其对该单项服务的服务条款以及产品名称在该单项服务中发出的各类公告的同意。
			</view>
			<view class="text-size-lg text-weight-b mb-24 mt-40">
				二、注册信息和隐私保护
			</view>
			<view class="text-size-s mb-24">
				2.1　产品名称帐号（即产品名称用户ID）的所有权归产品名称，用户完成注册申请后，获得产品名称帐号的使用权。所有原始键入的资料将引用为注册资料。如果因注册信息不真实而引起的问题，并对问题发生所带来的后果，产品名称不负任何责任。
			</view>
			<view class="text-size-s mb-24">
				2.2　用户不应将其帐号、密码转让或出借予他人使用。如用户发现其帐号遭他人非法使用，应立即通知产品名称。因黑客行为或用户的保管疏忽导致帐号、密码遭他人非法使用，产品名称不承担任何责任。
			</view>
			<view class="text-size-s mb-24">
				2.3　产品名称不对外公开或向第三方提供单个用户的注册资料，除非：
			</view>
			<view class="text-size-s mb-24">• 事先获得用户的明确授权；</view>
			<view class="text-size-s mb-24">• 只有透露您的个人资料，才能提供您所要求的产品和服务；</view>
			<view class="text-size-s mb-24">• 根据有关的法律法规要求；</view>
			<view class="text-size-s mb-24">• 按照相关政府主管部门的要求；</view>
			<view class="text-size-s mb-24">• 为维护产品名称的合法权益。</view> -->
		</view>
	</view>
</template>	
<script>
import{myRequest} from '@/api/request.js'
export default {
	data() {
		return {
			putdata:{}
		};
	},
	onLoad() {
		
	},
	created() {
		this.sys = uni.getSystemInfoSync();
		this.getDate();
	},
	methods: {
		getDate(){
			var that=this;
			myRequest({
				url: "/api/config/userAgreement",
				method:'get',
				data:{}
			}).then(res => {
				console.log(res.data)
				if (res.data.code == 200) {
					that.putdata=res.data.data;
				}else{
				}
			})
		}
	},
}
</script>

<style lang="scss">
	/deep/ .tm-menubars .body{
		background-color: #1b1b1b !important;
	}
	/deep/ .grey-darken-5{
		background-color: #0d0d0d!important;
		padding: 0px !important;
	}
	.tou{
		font-size: 28px;
		padding: 15px 30px 40px 30px;
	}
	.zhuti{
		padding: 15px 30px 40px 30px;
	}
</style>