<template>
 <!-- #ifdef APP || H5 -->
		<web-view src="/static/privacy.html"></web-view>
	 <!-- #endif -->
	 <!-- #ifdef MP-WEIXIN  -->
    <mp-html :content='vdata.content'/>
	  <!-- #endif -->
</template>

<script setup>
import { ref, reactive } from 'vue'
import { $getTreaty } from '@/http/apiManager.js'
import { onLoad } from '@dcloudio/uni-app'
import { nextTick } from 'vue';

let vdata = reactive({
  content: '',
})
onLoad(() => {
  // $getTreaty().then(({ bizData }) => {
  //   vdata.content = bizData.privacyPolicy 
  // })
})
</script>
<style lang="scss" scoped>
.content {
  box-sizing: border-box;
  padding: 0 50rpx;
  .first-title {
    text {
      font-size: 33rpx;
    }
  }
  .first-title,
  .second-title {
    margin-bottom: 20rpx;
    text {
      font-weight: 700;
      letter-spacing: 0.07em;
    }
  }
  .second-title {
    text {
      font-size: 28rpx;
    }
  }
  .paragraph {
    margin-bottom: 50rpx;
    text {
      font-weight: 500;
      font-size: 25rpx;
      letter-spacing: 0.07em;
      line-height: 50rpx;
    }
    .link {
      color: #175be6;
    }
  }
  .three-item {
    .item-text {
      margin-bottom: 30rpx;
      text {
        font-weight: 500;
        font-size: 25rpx;
      }
    }
  }
}
</style>
