Client-Teapay/src/pages/protocol/index.vue

<template>
	<view class="container">
		
		<!-- 顶部 -->
		<!-- <view class="head mar_t20">
			
		</view> -->
		<!-- 顶部-end -->
		
		<!-- 内容 -->
		<view class="content mar_t20">
			<jyf-parser :html="detail.cont"></jyf-parser>
			<jyf-parser :html="detail.content"></jyf-parser>
		</view>
		<!-- 内容-end -->
	</view>
</template>

<script>
// let app=getApp();
// let reqApi = new ReqApi();
// var appEv = app.$vm.$options;
// import { ReqApi } from "@/utils/reqTools.js";
import jyfParser from '@/components/jyf-parser/jyf-parser.vue'
import { get, post } from "@/request/api.js";
	export default {
		components:{
			jyfParser
		},
		data() {
			return {
				detail:'',
				type:''
			};
		},
		onLoad:function(e){
			this.type = e.type
			this.loadData()
		},
		methods:{
			loadData:function(){
				let that = this;
				let data = {
					type:this.type
				}
				post("ShuZiTeaYW/shop/getPurchaseAgreement",data).then(res => {
					if(res.status == 200){
						that.detail = res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
// 页面配置
page{background: #f5f5f5;}
// 页面配置-end

// 顶部
.head{width: 100%;overflow: hidden;background: #fff;padding:40rpx 20rpx;box-sizing: border-box;font-size: 26rpx;color:#232323;font-family: "SourceHanSansCN-Medium";font-weight: 500;}
// 顶部-end

// 内容
.content{width: 100%;overflow: hidden;background: #fff;padding:40rpx 20rpx;box-sizing: border-box;font-size: 24rpx;color:#363636;font-family: "SourceHanSansCN-Medium";}
// 内容-end
</style>