share_h5/pages/serviceOrPrivacy.vue

<template>
	<view class="top">
		<view v-html="data.content"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:""
			}
		},
		onLoad(options) {
			if (options.pageType == "privacy_protocol"){
				uni.setNavigationBarTitle({
					title: '隐私协议'
				});
			}
			this.getAgreement(options.pageType || 'privacy_protocol')
		},
		methods:{
			getAgreement(param){
				this.$http.get(`/protocol/info/${param}`).then(res=>{
					if(res&&res.code==200){
						this.data = res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	*{
		word-break:break-all;
	}
	.agreement {
		width: 100%;
	
		.top /deep/ img {
			max-width: 100%;
		}
	
		.top /deep/ .ql-align-center {
			text-align: center;
		}
	
		.top /deep/ .ql-align-right {
			text-align: right;
		}
	
		.top /deep/ blockquote {
			display: block;
			border-left: 8px solid #d0e5f2;
			padding: 5px 10px;
			margin: 10px 0;
			line-height: 1.4;
			font-size: 100%;
			background-color: #f1f1f1;
		}
	
		.top /deep/ .ql-indent-1 {
			margin-left: 60rpx;
		}
	
		.top /deep/ .ql-indent-2 {
			margin-left: 120rpx;
		}
	
		.top /deep/ .ql-indent-3 {
			margin-left: 180rpx;
		}
	
		.top /deep/ .ql-indent-4 {
			margin-left: 240rpx;
		}
	
		.top /deep/ .ql-indent-5 {
			margin-left: 300rpx;
		}
	}
	
	.title-item {
		img {
			width: 690rpx;
			height: 390rpx;
		}
	}
	
	.top {
		padding: 30rpx;
	
		.item {
			font-size: 28rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
	
		.content {
			padding: 0 14rpx 26rpx 14rpx;
			font-size: 24rpx;
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
		}
	
		.title {
			font-size: 26rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
	
		.title-item {
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
			font-size: 24rpx;
			padding: 0 14rpx;
		}
	}
	.top{
		.item{
			font-size: 28rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
		.content{
			padding: 0 14rpx 26rpx 14rpx;
			font-size: 24rpx;
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
		}
		.title{
			font-size: 26rpx;
			font-weight: 700;
			color: #050505;
			line-height: 40rpx;
		}
		.title-item{
			color: #666666;
			font-weight: 500;
			line-height: 48rpx;
			font-size: 24rpx;
			padding: 0 14rpx;
		}
	}
</style>