71 lines
1.3 KiB
Vue
71 lines
1.3 KiB
Vue
<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>
|