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

<script setup>
import { ref, reactive } from "vue"
import { $getTreaty } from "@/http/apiManager.js"
import { onLoad } from "@dcloudio/uni-app"
import parseHtml from "@/util/html-parse.js"
let content = reactive({
  nodes: "",
})
onLoad(() => {
  $getTreaty().then(({ bizData }) => {
    content.nodes = bizData.agentServiceAgreement
  })
})
</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>
