horzi_rai_wxa/reportPages/components/statement.vue

<template>
  <view class="mask-content">
    <u-mask :show="show" @click="onClickHide">
      <view class="warp">
        <view class="content">
          <view class="title"> 免责声明 </view>
          <text>1、本报告仅供弘则弥道（上海）投资咨询有限公司正式签约的机构客户使用，不会仅因接收人/接受机构收到本报告而将其视为客户。</text>
          <text>2、本报告根据国际和行业通行的准则，以合法渠道获得这些信息，尽可能保证可靠、准确和完整，但并不保证报告所述信息的准确性和完整性，也不保证本报告所包含的信息或建议在本报告发出后不会发生任何变更。本报告中所提供的信息仅供参考。</text>
          <text>3、报告中的内容不对投资者做出的最终操作建议做任何的担保，也没有任何形式的分享投资收益或者分担投资损失的书面或口头承诺。不作为客户在投资、法律、会计或税务等方面的最终操作建议，也不作为道义的、责任的和法律的依据或者凭证，无论是否已经明示或者暗示。</text>
          <text>4、在任何情况下，本公司不对客户/接受人/接受机构因使用报告中内容所引致的一切损失负责任，客户/接受人/接受机构需自行承担全部风险。</text>
        </view>
        <view class="button" @click="onClickHide"> 知道了 </view>
      </view>
    </u-mask>
  </view>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    onClickHide() {
      this.$parent.isShowStatement = false;
    },
  },
};
</script>

<style scoped lang="scss">
.mask-content {
  position: relative;
}
.warp {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  background-color: #fff;
  .content {
    padding: 30rpx 30rpx 20rpx;
  }
  .title {
    color: #333;
    text-align: center;
    font-size: 32rpx;
    margin-bottom: 10rpx;
  }
  text {
    margin-bottom: 8rpx;
    font-size: 24rpx;
    color: #666;
  }
  .button {
    height: 80rpx;
    line-height: 80rpx;
    border-top: 1rpx solid #eaeaea;
    color: #2680eb;
    text-align: center;
  }
}
</style>