mp_exhibitor_miniprog/pages/disclaimer/index.vue

<template>
  <page-layout>
    <nav-bar title=" " transparent></nav-bar>
    <view class="body">
      <text class="title">
        免责声明
      </text>
      <view class="content">
        <view class="margin-bottom">
          本系统内容由展商提供，慕尼黑展览（上海）有限公司（以下简称“MM-SH”）不对内容的正确性、完整性和最新状态承担任何责任。
        </view>
        <view class="margin-bottom">
          本系统中包含第三方外部网站的链接，我们无法控制这些网站的内容。在任何情况下，相关网站提供者或运营者须对链接网站的内容负责，MM-SH不对此承担任何责任。
        </view>
        <view class="margin-bottom">
          MM-SH特别保留权利更改或扩展本系统所提供内容，恕不另行通知。您基于由本系统或经本系统提供的信息作出决定，须自行承担风险。MM-SH不对因使用由本系统或经本系统提供的信息造成的任何直接或间接损失承担赔偿责任。
        </view>
        <view class="margin-bottom">
          对任何因直接或间接使用本系统内容而造成的任何损失，包括但不限于因有关内容有错误、遗漏、病毒等而导致的损失，MM-SH不对此承担任何法律责任。
        </view>
        <view class="margin-bottom">
          本系统中有关展商的信息、图片、logo等均由相应展商提供（展商未提供展商logo的，统一显示展会logo），不得擅自下载或使用。如您有异议，请联系慕尼黑展览（上海）有限公司。
        </view>
      </view>
    </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
      })
    }
  }
}
</script>

<style lang="scss">
.container {
}
.margin-bottom {
  margin-bottom: 26rpx;
}
.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>