mp_exhibitor_miniprog/pages/disclaimer/index.vue

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

      <text class="content">
        {{ clauseInfo.content }}
      </text>
      <text class="title">
        Disclaimer
      </text>
      <text class="content">
        The content of this System has been provided by the exhibitors and Messe Muenchen Shanghai Co., Ltd.
        (hereinafter referred to as “MM-SH”) will not assume any liability for the correctness, completeness and
        up-to-date status of the content. This System includes links to external websites of third parties, MM-SH have
        no influence on the contents of these websites. In all cases, the respective site provider or operator shall be
        responsible for the content of the sites linked. MM-SH do not bear any legal liability therefrom. In particular,
        MM-SH reserves the right to make changes or extensions to the information provided without prior notification.
        Decisions based on the information provided on or via this System are for your own account and risk. MM-SH shall
        not be liable for any direct or indirect damages caused by use of information provided on or via this System.
        MM-SH do not bear any legal liability for any loss arising from any direct or indirect use of contents of this
        System, including without limitation the losses resulted from error, omission or virus, etc. The information,
        photos, and logos, etc. in relation to the exhibitors in this System are all provided by exhibitors and any
        download or use of the content for commercial purpose without authorization is prohibited. If you have any
        objection, please contact MM-SH.
      </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 {
      clauseInfo: {}
    }
  },
  components: {
    PageLayout,
    NavBar
  },
  mounted() {
    this.getClauseData()
  },
  methods: {
    getClauseData() {
      getClauseInfo({key: "disclaimer"}).then(res => {
        this.clauseInfo = res.data
        console.log(this.clauseInfo);
      })
    }
  }
}
</script>

<style lang="scss">
.container {
}

.body {
  padding: 50rpx;
}

.title {
  font-size: $fontSize4;
  color: $fontTitleColor;
  display: block;
  font-weight: bold;
  text-align: justify;
}

.content {
  font-size: $fontSize2;
  color: $fontColor;
  line-height: 1.9;
  display: block;
  margin-top: 32rpx;
  margin-bottom: 42rpx;
  text-align: justify;
}
</style>