<template>
|
<div id="cryptos">
|
<div class="CommonProblem">
|
<assets-head :title="pageTitle" />
|
<div class="CommonProblem-padding">
|
<p class="textColor" v-html="content"></p>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import assetsHead from "@/components/Transform/assets-head/index.vue";
|
import { _getAboutUs } from "@/service/user.api"
|
import { dataTimeEx } from '@/utils/utis'
|
import { showToast } from "vant";
|
export default {
|
data() {
|
return {
|
content: '',
|
title: '',
|
createTime: '',
|
serviceTerm: '',
|
dataTimeEx
|
}
|
},
|
components: {
|
assetsHead
|
},
|
computed: {
|
pageTitle() {
|
switch (this.serviceTerm) {
|
case '20':
|
return this.$t('关于我们')
|
case '21':
|
return this.$t('安全规定')
|
case '22':
|
return this.$t('法律声明')
|
case '23':
|
return this.$t('用户协议')
|
case '24':
|
return this.$t('隐私政策')
|
case '25':
|
return this.$t('反洗钱协议')
|
case '26':
|
return this.$t('金融服务牌照')
|
case '27':
|
return this.$t('帮助中心')
|
default:
|
return this.$t('关于我们')
|
}
|
}
|
},
|
mounted() {
|
this.serviceTerm = this.$route.query.serviceTerm
|
console.log(this.serviceTerm, 'this.serviceTerm')
|
this.getCms();
|
},
|
methods: {
|
onClickLeft() {
|
this.$router.push('/')
|
},
|
getCms() {
|
let language
|
if (this.$i18n.locale == 'zh-CN' || this.$i18n.locale == 'CN') {
|
language = this.$i18n.locale
|
} else {
|
language = 'en'
|
}
|
_getAboutUs({
|
content_code: this.serviceTerm,
|
language: this.serviceTerm ? language : this.$i18n.locale,
|
// language: 'en', // 强制英文,后台暂时只设置了英文
|
// not_language: 1,
|
}).then((res) => {
|
this.content = res.content
|
this.title = res.title
|
this.createTime = this.dataTimeEx(res.createTime)
|
|
}).catch((error) => {
|
if (error.code == 'ECONNABORTED') { showToast(this.$t('网络超时！')); }
|
else if (error.msg !== undefined) { showToast(this.$t(error.msg)); }
|
});
|
}
|
}
|
}
|
</script>
|
<style lang="scss">
|
@import "@/assets/init.scss";
|
|
#cryptos {
|
.CommonProblem {
|
width: 100%;
|
box-sizing: border-box;
|
}
|
|
pre {
|
white-space: pre-wrap;
|
}
|
|
.CommonProblem-padding {
|
padding-left: 35px;
|
padding-right: 35px;
|
font-weight: 400;
|
font-size: 30px;
|
line-height: 35px;
|
color: $text_color;
|
}
|
|
.CommonProblem-title {
|
font-style: normal;
|
font-weight: 700;
|
font-size: 50px;
|
line-height: 59px;
|
padding-left: 35px;
|
padding-right: 35px;
|
margin-top: 57px;
|
margin-bottom: 22px;
|
color: $text_color;
|
}
|
}
|
</style>
|
