zh_order_food_xcx/pages-my/protocol.vue

<template>
	<view class="flex-common-css bgc-f">
		<Nav :title="title" leftIconColor="#333" titleColor="#333"></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css p-24 box-border-box" @scrolltolower="scrolltolower">
			<view v-if="numType == 1 || numType == 2 || numType == 4 || numType == 5" class="" v-html="text"></view>
			<view v-else class="align-items-center flex-wrap-wrap">
				<image class="image-c" :src="imageData" mode="widthFix"></image>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		getAgreement
	} from "@/api/common.js"
	export default {
		components: {},
		data() {
			return {
				numType: '',
				title: '',
				text: '',
				imageData: ''
			};
		},
		onLoad(data) {
			if(data) {
				this.numType = data.num
				this.getAgreement(data.num)
			}
		},
		mounted() {},
		methods: {
			getAgreement(num){
				getAgreement().then((res) => {
					if(res.code == 1) {
						if(num == 1) {
							this.title = '用户协议'
							this.text = res.data.member_agreement
						}else if(num == 2) {
							this.title = '隐私协议'
							this.text = res.data.privacy_protocol
						} else if(num == 3) {
							this.title = '平台资质'
							this.imageData = res.data.business_license
						}else if(num == 4) {
							this.title = '校友圈使用规范说明'
							this.text = res.data.alumni_using_standards
						}else if(num == 5) {
							this.title = '定金声明'
							this.text = res.data.deposit_statement
						}else if(num == 6) {
							this.title = '增值电信业务经营许可证'
							this.imageData = res.data.permit
						}
					}
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
.image-c{
	width: 100%;
	height: auto;
}
</style>