duomendian/pages/annex/vip_clause/index.vue

<template>
	<view class="box">
		<view class="topdaohang" @click="fanhui">
			<uni-icons type="left" size="18" color="white"></uni-icons>
			<text>会员卡协议</text>
		</view>
		<view class="title colorhui1">{{agreement.title}}</view>
		<view class="cont" v-html="agreement.content"></view>
	</view>
</template>

<script>
	import {
		memberCard
	} from '@/api/user.js';

	export default {
		data() {
			return {
				agreement: ''
			}
		},
		onLoad() {
			this.memberCard();
		},
		methods: {
			fanhui(){
				uni.navigateBack()
			},
			memberCard() {
				uni.showLoading({
					title: '加载中'
				});
				memberCard().then(res => {
					uni.hideLoading();
					const {
						member_explain
					} = res.data;
					this.agreement = member_explain;
				}).catch(err => {
					uni.hideLoading();
				});
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>

<style scoped>
	.title {
		padding-top: 60rpx;
		font-size: 30rpx;
		text-align: center;
	}

	.cont {
		padding: 50rpx 30rpx;
		/* background: black; */
		
	}
	.box{
		/* background: linear-gradient(to bottom, #a31de0 0%, #120F0E 50%), linear-gradient(to right, #31173D, #120F0E); */
		background-image: url(https://bar.jiuhaosh.cn/uploads/attach/2024/09/20240927/8b121e2….png);
		background-blend-mode: multiply;
	}
</style>