mp_exhibitor_miniprog/pages/disclaimer/privacy.vue

<template>
  <page-layout>
    <nav-bar title=" " transparent></nav-bar>
    <view class="body">
      <text class="title">
        {{ privacyInfo.title }}
      </text>
      <text class="content">
        {{ privacyInfo.content }}
      </text>
      <text class="title">
        {{ lawInfo.title }}
      </text>
      <text class="content">
        {{ lawInfo.content }}
      </text>
    </view>
  </page-layout>
</template>

<script>
	import NavBar from '@/components/layout/nav-bar'
	import { getClauseInfo } from '@/api/exhibitor'
  import PageLayout from "@/components/layout/page-layout";
	export default {
		data() {
			return {
				privacyInfo: {},
				lawInfo: {}
			}
		},
		components: {
      PageLayout,
			NavBar
		},
		mounted() {
			this.getClauseData()
		},
		methods: {
			getClauseData() {
				getClauseInfo({ key: 'privacy_policy' }).then(res => {
					this.privacyInfo = res.data
				})
				getClauseInfo({ key: 'legal_notice' }).then(res => {
					this.lawInfo = res.data
				})
			}
		}
	}
</script>

<style lang="scss">
.body {
	padding: 50rpx;
}
.title {
	font-size: $fontSize4;
	color: $fontTitleColor;
	display: block;
	font-weight: bold;
}
.content {
	font-size: $fontSize2;
	color: $fontColor;
	line-height: 1.9;
	display: block;
	margin-top: 32rpx;
	margin-bottom: 42rpx;
}
</style>