7 files modified
4 files added
| | |
| | | alt="logo" class="w-72 h-72 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <span class="flex items-end font-32 flex items-center"> |
| | | <span class="textColor font-600 font-30">{{ item.symbol_data && item.symbol_data.toUpperCase() || |
| | | '--' |
| | | }}</span> |
| | | <span class="textColor font-600 font-30">{{ arrGk(item.name.toUpperCase())[0] }}</span> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | | /USDT |
| | | </span> |
| | |
| | | class="w-72 h-72 rounded-full mr-16" /> |
| | | <p class="flex flex-col"> |
| | | <span class="flex items-end font-32 flex items-center"> |
| | | <span class="textColor font-600 font-30">{{ item.symbol_data && item.symbol_data.toUpperCase() || |
| | | '--' |
| | | }}</span> |
| | | <span class="textColor font-600 font-30">{{ arrGk(item.name.toUpperCase())[0] }}</span> |
| | | <!-- <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | | {{ item.name && item.name.replace(item.symbol.toUpperCase(), '') || '--' }}</span> --> |
| | | <span class="font-24 text-grey" style="position: relative; top: 1px"> |
| | |
| | | return a - b; |
| | | } |
| | | } |
| | | }, |
| | | // 处理分隔符 |
| | | arrGk(str) { |
| | | if (!str) return ['--']; |
| | | let arr = str.split('/'); |
| | | return arr; |
| | | } |
| | | }, |
| | | watch: { |
| | |
| | | transition: all 250ms; |
| | | } |
| | | |
| | | .textColor{ |
| | | .textColor { |
| | | color: $text_color4; |
| | | } |
| | | |
| | |
| | | config.headers['token'] = TOKEN |
| | | // config.params['token'] = TOKEN |
| | | } |
| | | config.params['language'] = getStorage('lang') || "en" |
| | | if(!config.params['not_language']) config.params['language'] = getStorage('lang') || "en" |
| | | |
| | | if (config.loading) { |
| | | showLoadingToast({ forbidClick: true, duration: 0 }) |
| | | isClose = true |
| | |
| | | computed: { |
| | | pageTitle() { |
| | | switch (this.serviceTerm) { |
| | | case '26': |
| | | case '20': |
| | | return this.$t('关于我们') |
| | | case '21': |
| | | return this.$t('安全规定') |
| | |
| | | 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 |
| | |
| | | <div class="home_page"> |
| | | |
| | | <Head></Head> |
| | | <div class="home_logo flex justify-center"><img src="@/assets/imgs/home/home_logo.png" alt=""></div> |
| | | <div class="text-center font-bold mt-8 logo_text">{{ $t('复制财富,從此刻開始') }}</div> |
| | | <div class="text-center mt-2 logo_text_small">{{ $t('超6000種熱門交易類別,立即註冊领取5000USDT') }}!</div> |
| | | <!-- <div class="home_logo flex justify-center"><img src="@/assets/imgs/home/home_logo.png" alt=""></div> --> |
| | | <van-swipe class="home_logo" :autoplay="3000" indicator-color="white"> |
| | | <van-swipe-item><img src="@/assets/imgs/home/Slider-1.jpg" alt=""></van-swipe-item> |
| | | <van-swipe-item><img src="@/assets/imgs/home/Slider-2.jpg" alt=""></van-swipe-item> |
| | | <van-swipe-item><img src="@/assets/imgs/home/Slider-3.jpg" alt=""></van-swipe-item> |
| | | <van-swipe-item><img src="@/assets/imgs/home/Slider-4.jpg" alt=""></van-swipe-item> |
| | | </van-swipe> |
| | | |
| | | <!-- <div class="text-center font-bold mt-8 logo_text">{{ $t('复制财富,從此刻開始') }}</div> |
| | | <div class="text-center mt-2 logo_text_small">{{ $t('超6000種熱門交易類別,立即註冊领取5000USDT') }}!</div> --> |
| | | |
| | | |
| | | <div class="login_buts flex justify-between pl-10 pr-10 pt-10" |
| | |
| | | } |
| | | |
| | | .home_logo { |
| | | width: 100%; |
| | | width: 43rem; |
| | | margin: 4rem auto 2rem; |
| | | border-radius: 1rem; |
| | | |
| | | img { |
| | | width: 22.5rem; |
| | | width: 100%; |
| | | } |
| | | } |
| | | |
| | |
| | | :key="item.id"> |
| | | <img :src="`${HOST_URL}/symbol/${item.symbol_data}.png`" /> |
| | | |
| | | <span class="ml-5 flex-1">{{ item.symbol_data.toUpperCase() }}</span> |
| | | <span class="ml-5 flex-1">{{ arrGk((item.name || '').toUpperCase())[0] }}</span> |
| | | |
| | | <div class="mr-3"> |
| | | <div class="text-right"> |
| | |
| | | { key: 4, name: t('账单'), icon: new URL('@/assets/imgs/assets/zd.png', import.meta.url), path: '/cryptos/accountChange' }, |
| | | ] |
| | | |
| | | // 处理分隔符 |
| | | const arrGk = (str) => { |
| | | if (!str) return ['--']; |
| | | let arr = str.split('/'); |
| | | return arr; |
| | | } |
| | | |
| | | // 计价切换 |
| | | const pricing = ref('') |
| | | const pricingList = [ |
| | |
| | | const userdata = ref({}) |
| | | // 通用列表 |
| | | const tyList = [ |
| | | { title: t('关于我们'), icon: new URL('@/assets/image/assets-center/aboutUs.png', import.meta.url), path: '/aboutUs?serviceTerm=26' }, |
| | | { title: t('关于我们'), icon: new URL('@/assets/image/assets-center/aboutUs.png', import.meta.url), path: '/aboutUs?serviceTerm=20' }, |
| | | { title: t('用户协议'), icon: new URL('@/assets/image/assets-center/yhxy.png', import.meta.url), path: '/aboutUs?serviceTerm=23' }, |
| | | { title: t('隐私政策'), icon: new URL('@/assets/image/assets-center/yszc.png', import.meta.url), path: '/aboutUs?serviceTerm=24' }, |
| | | { title: t('安全规定'), icon: new URL('@/assets/image/assets-center/aqzc.png', import.meta.url), path: '/aboutUs?serviceTerm=21' }, |
| | |
| | | </div> |
| | | <div class="textColor1" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{ |
| | | $t('phoneNum') |
| | | }}</div> |
| | | }}</div> |
| | | </div> |
| | | <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)" |
| | | v-model="username" :area="isArea" :dialCode="dialCode" @selectArea="onSelectArea" :icon="icon" /> |
| | |
| | | </i> |
| | | {{ $t('readAgree') }}<span class="colorMain" @click="router.push('/TermsOfService')">{{ |
| | | $t('serviceConf') |
| | | }}</span> |
| | | }}</span> |
| | | </div> |
| | | <van-button class="w-full" style="margin-top:10px;" type="primary" @click="register">{{ $t('register') }} |
| | | </van-button> |
| | |
| | | return false |
| | | } |
| | | _sendVerifyCode({ |
| | | target: username.value, |
| | | target: activeIndex.value === 1 ? username.value : dialCode.value + username.value, |
| | | }).then((res) => { |
| | | time.value = 30; |
| | | state.timer = setInterval(() => { |
| | |
| | | |
| | | if (activeIndex.value === 1 || activeIndex.value === 2) { |
| | | _bindEmailRegister({ |
| | | username: username.value, |
| | | username: activeIndex.value === 1 ? username.value : dialCode.value + username.value, |
| | | password: password.value, |
| | | type: activeIndex.value === 1 ? '2' : '1', // 2邮箱,1手机 |
| | | verifcode: verifyCode.value, |