<template>
|
<div class="CommonProblem">
|
<assets-head :title="serviceTerm ? $t('服务条款') : $t('关于我们')" />
|
<div class="CommonProblem-padding" style="padding: 10px 10px">
|
<!-- <p class="textColor" v-html="content"></p>-->
|
<div class="a1">
|
{{$t('WorldCoinPro简介')}}
|
</div>
|
<div class="a2">
|
{{$t('WorldCoinPro简介2')}}
|
</div>
|
<div class="a1">
|
{{$t('团队背景')}}
|
</div>
|
<div class="a2">
|
{{$t('团队背景2')}}
|
</div>
|
<div class="a1">
|
{{$t('我们的任务')}}
|
</div>
|
<div class="a2">
|
{{$t('我们的任务2')}}
|
</div>
|
<div class="a1">
|
{{$t('我们的技术')}}
|
</div>
|
<div class="a2">
|
{{$t('我们的技术2')}}
|
</div>
|
<div class="a1">
|
{{$t('加密货币简介')}}
|
</div>
|
<div class="a2">
|
{{$t('加密货币简介2')}}
|
</div>
|
<div class="a1">
|
{{$t('公司证书')}}
|
</div>
|
<div class="a2">
|
{{$t('附件1WorldCoinPro美国MSB金融牌照')}}
|
</div>
|
<div class="flex-center">
|
<img src="../../assets/zs1.jpg" class="img1"/>
|
</div>
|
<div class="a2">
|
{{$t('附件2WorldCoinPro美国良好证明')}}
|
</div>
|
<div class="flex-center">
|
<img src="../../assets/zs2.jpg" class="img1"/>
|
</div>
|
<div class="a2">
|
{{$t('附件3WorldCoinPro美国注册证书')}}
|
</div>
|
<div class="flexY-center">
|
<img src="../../assets/zs4.jpg" class="img1"/>
|
<img src="../../assets/zs3.jpg" class="img1"/>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import assetsHead from "@/components/assets-head";
|
import Axios from "@/API/userCenter.js";
|
import { dataTimeEx } from '@/utils/utis'
|
export default {
|
data() {
|
return {
|
content: '',
|
title: '',
|
createTime: '',
|
serviceTerm: '',
|
dataTimeEx
|
}
|
},
|
components: {
|
assetsHead
|
},
|
mounted() {
|
this.serviceTerm = this.$route.query.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'
|
}
|
Axios.getCms({
|
content_code: this.serviceTerm ? '001' : '020',
|
language: this.serviceTerm ? language : this.$i18n.locale,
|
}).then((res) => {
|
this.content = res.data.content
|
this.title = res.data.title
|
this.createTime = this.dataTimeEx(res.data.createTime)
|
|
}).catch((error) => {
|
if (error.msg !== undefined) { this.$toast(this.$t(error.msg)); }
|
else if (error.code == 'ECONNABORTED') { this.$toast(this.$t('网络超时！')); }
|
});
|
}
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.img1{
|
width: 100%;
|
}
|
.a1{
|
font-size: 40px;
|
margin-bottom: 20px;
|
margin-top: 30px;
|
font-weight: bold;
|
color: #333333;
|
}
|
|
.a2{
|
font-size: 28px;
|
line-height: 55px;
|
color: #999999;
|
margin-top: 10px;
|
white-space: pre-wrap;
|
}
|
.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;
|
|
@include themify() {
|
color: themed("text_color");
|
}
|
}
|
|
.CommonProblem-title {
|
font-style: normal;
|
font-weight: 700;
|
font-size: 50px;
|
line-height: 59px;
|
|
/* identical to box height */
|
@include themify() {
|
color: themed("text_color");
|
}
|
|
padding-left: 35px;
|
padding-right: 35px;
|
margin-top: 57px;
|
margin-bottom: 22px;
|
}
|
</style>
|
