|
|
|
@ -61,26 +61,12 @@ |
|
|
|
:refresher-threshold="50" |
|
|
|
> --> |
|
|
|
<!-- 轮播 --> |
|
|
|
<!-- <swiper |
|
|
|
class="my-swipe m-x-md p-b-xs" |
|
|
|
:autoplay="true" |
|
|
|
indicator-dots |
|
|
|
indicator-color="white" |
|
|
|
> |
|
|
|
<swiper-item |
|
|
|
class="my_swipe_item" |
|
|
|
v-for="(item, idx) in home" |
|
|
|
:key="idx" |
|
|
|
> |
|
|
|
<img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl"/> |
|
|
|
</swiper-item> |
|
|
|
</swiper> --> |
|
|
|
<div class="swiper-imgbox"> |
|
|
|
<div class="swiper-imgbox" v-if="0"> |
|
|
|
<img src="../../assets/img/bg/yb4.jpg" alt="" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- num count --> |
|
|
|
<div class="num-count"> |
|
|
|
<div class="num-count" v-if="0"> |
|
|
|
<div class="num-top d-flex"> |
|
|
|
<div class="num-left"> |
|
|
|
<div class="num">5 {{$t("common.million")}}+</div> |
|
|
|
@ -112,7 +98,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- why you choose --> |
|
|
|
<div class="choose" style="width: 100%; height: 560px; margin-top: 80px"> |
|
|
|
<div class="choose" style="width: 100%; height: 560px; margin-top: 80px" v-if="0"> |
|
|
|
<div class="section-choose"> |
|
|
|
<div class="section-choose-title"> |
|
|
|
<div class="text">{{$t("common.Why")}}</div> |
|
|
|
@ -131,7 +117,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- section help --> |
|
|
|
<div class="section-help"> |
|
|
|
<div class="section-help" v-if="0"> |
|
|
|
<div class="section-help-name"> |
|
|
|
<div class="section-help-name_icon"> |
|
|
|
<img src="../../assets/img/icon/eyes.svg" alt="" /> |
|
|
|
@ -167,7 +153,7 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- our technology --> |
|
|
|
<div class="technology" style="width: 100%; height: 732px; margin-top: 50px"> |
|
|
|
<div class="technology" style="width: 100%; height: 732px; margin-top: 50px" v-if="0"> |
|
|
|
<div class="section-choose"> |
|
|
|
<div class="section-choose-title">{{$t("common.technology")}}</div> |
|
|
|
<div class="dot-box d-flex"> |
|
|
|
@ -184,7 +170,7 @@ |
|
|
|
|
|
|
|
<!-- beginner's guide --> |
|
|
|
|
|
|
|
<div class="beginner" style="width: 100%; height: 980px"> |
|
|
|
<div class="beginner" style="width: 100%; height: 980px" v-if="0"> |
|
|
|
<div class="section-choose"> |
|
|
|
<div class="section-choose-title">{{$t("common.guide")}}</div> |
|
|
|
<div class="dot-box d-flex"> |
|
|
|
@ -247,6 +233,34 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<view class="btn-group1-box" v-if="isLogin"> |
|
|
|
<view class="d-flex"> |
|
|
|
<view class="txt">{{$t("ybgcoins3.a0")}}</view> |
|
|
|
<image src="../../assets/img/bg/bg3.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="d-flex btn-group1"> |
|
|
|
<!-- <view>{{$t("ybgcoins3.a1")}}</view> --> |
|
|
|
<navigator url="/pages/assets/recharge">{{$t("ybgcoins3.a1")}}</navigator> |
|
|
|
<navigator class="theme-color-a" url="/pages/base/index?tel=exchange-operation">{{$t("ybgcoins3.a2")}}</navigator> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="btn-group1-box" v-else> |
|
|
|
<view class="d-flex"> |
|
|
|
<view class="txt">{{$t("ybgcoins3.a3")}}</view> |
|
|
|
<image src="../../assets/img/bg/bg3.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<view class="d-flex btn-group1"> |
|
|
|
<navigator url="/pages/login/index">{{$t("exchange.d0")}}</navigator> |
|
|
|
<navigator class="theme-color-a" url="/pages/reg/index">{{$t("reg.b9")}}</navigator> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="card1-box"> |
|
|
|
<view class="card1-left"> |
|
|
|
<view>{{$t("ybgcoins3.a4")}}</view> |
|
|
|
<view class="main-txt">{{$t("ybgcoins3.a5")}}</view> |
|
|
|
</view> |
|
|
|
<image src="../../assets/img/bg/bg3.png" mode=""></image> |
|
|
|
</view> |
|
|
|
<!-- log in and register --> |
|
|
|
<!-- <div class="log-group d-flex"> |
|
|
|
<div class="log-in log_type">{{$t('login.a4')}}</div> |
|
|
|
@ -331,109 +345,113 @@ |
|
|
|
</view> --> |
|
|
|
<!-- 指数 --> |
|
|
|
<!-- <view class="stock-swipe d-flex p-x-md m-t-ms"> |
|
|
|
<view |
|
|
|
class="swipe_right flex-fill lists" |
|
|
|
v-for="(parentItem,index) in marketList" |
|
|
|
v-if="index==1" |
|
|
|
:key="parentItem.coin_name" |
|
|
|
> |
|
|
|
<view |
|
|
|
v-for="(item,iindex) in parentItem.collect |
|
|
|
? collect |
|
|
|
: parentItem.marketInfoList" |
|
|
|
:key="iindex" |
|
|
|
class="stock-index item flex-fill p-y-ms rounded-xs box-size lists-1" |
|
|
|
v-if="item.pair_name=='BTC/USDT'||item.pair_name=='ETH/USDT'||item.pair_name=='ETC/USDT'" |
|
|
|
> |
|
|
|
<v-link |
|
|
|
:to="{ |
|
|
|
path: '/pages/exchange/index', |
|
|
|
query: { code: item.pair_name }, |
|
|
|
}"> |
|
|
|
<view class="stock-index-img fn-12 color-gray-6 m-b-xs fn-center"> |
|
|
|
<view class="color-light">{{ item.pair_name }} |
|
|
|
<text class="stock-item-3" |
|
|
|
:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'"> |
|
|
|
{{ item.increaseStr }} |
|
|
|
</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-18 color-light fn-center m-b-xs" |
|
|
|
:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{ item.close }} |
|
|
|
</view> |
|
|
|
<view |
|
|
|
class="d-flex flex-col align-center fn-sm justify-center" |
|
|
|
> --> |
|
|
|
|
|
|
|
<!-- <view class="color-theme-6">≈ ￥{{omitTo(item.close*price_cny,2)}}</view> --> |
|
|
|
<!-- </view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view |
|
|
|
class="swipe_right flex-fill lists" |
|
|
|
v-for="(parentItem,index) in marketList" |
|
|
|
v-if="index==1" |
|
|
|
:key="parentItem.coin_name" |
|
|
|
> |
|
|
|
<view |
|
|
|
v-for="(item,iindex) in parentItem.collect |
|
|
|
? collect |
|
|
|
: parentItem.marketInfoList" |
|
|
|
:key="iindex" |
|
|
|
class="stock-index item flex-fill p-y-ms rounded-xs box-size lists-1" |
|
|
|
v-if="item.pair_name=='BTC/USDT'||item.pair_name=='ETH/USDT'||item.pair_name=='ETC/USDT'" |
|
|
|
> |
|
|
|
<v-link |
|
|
|
:to="{ |
|
|
|
path: '/pages/exchange/index', |
|
|
|
query: { code: item.pair_name }, |
|
|
|
}"> |
|
|
|
<view class="stock-index-img fn-12 color-gray-6 m-b-xs fn-center"> |
|
|
|
<view class="color-dark">{{ item.pair_name }} |
|
|
|
<text class="stock-item-3" |
|
|
|
:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'"> |
|
|
|
{{ item.increaseStr }} |
|
|
|
</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-18 color-dark fn-center m-b-xs" |
|
|
|
:class="item.increase * 1 < 0 ? 'color-sell' : 'color-buy'">{{ item.close }} |
|
|
|
</view> |
|
|
|
<view |
|
|
|
class="d-flex flex-col align-center fn-sm justify-center" |
|
|
|
> |
|
|
|
|
|
|
|
<view class="color-theme-6">≈ ￥{{omitTo(item.close*price_cny,2)}}</view> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view v-if="0" @click="_router.push('/pages/currency/index')" class="otc m-md bg-panel-3 m-t-md box-shadow rounded-lg d-flex justify-between align-center p-r-lg"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img width="43px" height="43px" src="static/img/b.png"/> |
|
|
|
<view class="color-theme-2 fn-15 m-l-md d-flex align-center">{{ $t("first.b7") }}<span class="color-dark fn-12 m-l-xs">{{ $t("first.b6") }}</span></view> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="color-theme-2" /> |
|
|
|
</view> |
|
|
|
<!-- 科创板 --> |
|
|
|
<!-- <view class="head_info m-y-xl"> |
|
|
|
<view class=" d-flex justify-between align-center p-x-xs p-t-lg bor5 p-b-xs"> |
|
|
|
<view class="d-flex"> |
|
|
|
<text class="m-x-xs fn-center" @click="active=0" :class="active==0?'fn-bold fn-15 p-b-xs bor5-active color-light':''">合約指數</text> |
|
|
|
<text class="m-x-xs fn-center" @click="active=1" :class="active==1?'fn-bold fn-15 p-b-xs bor5-active color-light':''">現貨指數</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<template v-if="active==0" v-for="parentItem in (marketList)"> |
|
|
|
<view class="m-xs" :key="parentItem.coin_name" v-if="parentItem.coin_name=='USDT'"> |
|
|
|
<view v-for="item in parentItem.marketInfoList" :key="item.pair_name" class="bg-panel-3m-t-xs"> |
|
|
|
<view class="w-12/12"> |
|
|
|
<view class="fn-center w-max"> |
|
|
|
<v-link |
|
|
|
:to="{ |
|
|
|
path: '/pages/exchange/index', |
|
|
|
query: { code: item.pair_name }, |
|
|
|
}" |
|
|
|
class="m-b-md m-x-xs rounded-sm bg-panel-3 box-shadow link-active d-flex justify-between align-center p-r-md p-y-md box-size p-x-xs" |
|
|
|
v-for="item in parentItem.collect |
|
|
|
? collect |
|
|
|
: parentItem.marketInfoList" |
|
|
|
:key="item.pair_name" |
|
|
|
> |
|
|
|
<view class="fn-left w-6/12"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<text class="fn-bold fn-16 color-light">{{ item.pair_name }}</text> |
|
|
|
<text class="color-default fn-14 m-l-xs">永续</text> |
|
|
|
</view> |
|
|
|
<view class="d-flex align-center fn-12 m-t-xs"> |
|
|
|
24H量 {{ omitTo(item.vol,0) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-left align-end w-3/12"> |
|
|
|
<view class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</view> |
|
|
|
<view class="m-t-xs"> |
|
|
|
￥{{ omitTo(item.close*price_cny,2) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-right w-3/12"> |
|
|
|
<span |
|
|
|
class="rounded-xs" |
|
|
|
:class=" |
|
|
|
item.increase * 1 > 0 ? 'color-buy' : 'color-sell' |
|
|
|
" |
|
|
|
>{{ item.increaseStr }}</span |
|
|
|
> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</view> --> |
|
|
|
<view class="head_info m-y-xl"> |
|
|
|
<view class=" d-flex justify-between align-center p-x-xs p-t-lg bor5 p-b-xs"> |
|
|
|
<view class="d-flex"> |
|
|
|
<text class="m-x-xs fn-center" @click="active=0" :class="active==0?'fn-bold fn-15 p-b-xs bor5-active color-dark':''">合約指數</text> |
|
|
|
<!-- <text class="m-x-xs fn-center" @click="active=1" :class="active==1?'fn-bold fn-15 p-b-xs bor5-active color-dark':''">現貨指數</text> --> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<template v-if="active==0" v-for="parentItem in (marketList)"> |
|
|
|
<view class="m-xs" :key="parentItem.coin_name" v-if="parentItem.coin_name=='USDT'"> |
|
|
|
<view v-for="item in parentItem.marketInfoList" :key="item.pair_name" class="bg-panel-3m-t-xs"> |
|
|
|
<view class="w-12/12"> |
|
|
|
<view class="fn-center w-max"> |
|
|
|
<v-link |
|
|
|
:to="{ |
|
|
|
path: '/pages/exchange/index', |
|
|
|
query: { code: item.pair_name }, |
|
|
|
}" |
|
|
|
class="m-b-md m-x-xs rounded-sm link-active d-flex justify-between align-center p-r-md p-y-md box-size p-x-xs" |
|
|
|
v-for="item in parentItem.collect |
|
|
|
? collect |
|
|
|
: parentItem.marketInfoList" |
|
|
|
:key="item.pair_name" |
|
|
|
> |
|
|
|
<view class="fn-left w-1/12"> |
|
|
|
<img :src="item.coin_icon" alt="icon" srcset="" style="width: 8vw;vertical-align: middle;"> |
|
|
|
</view> |
|
|
|
<view class="fn-left w-6/12"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<text class="fn-bold fn-16 color-dark">{{ item.pair_name }}</text> |
|
|
|
<text class="color-dark fn-14 m-l-xs">永续</text> |
|
|
|
</view> |
|
|
|
<view class="d-flex align-center fn-12 m-t-xs"> |
|
|
|
24H量 {{ omitTo(item.vol,0) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <view class="fn-left align-end w-3/12"> |
|
|
|
<view class="d-flex align-end fn-bold fn-16" :class="item.increase * 1 >0?'color-buy':'color-sell'">{{ item.close }}</view> |
|
|
|
|
|
|
|
</view> --> |
|
|
|
<view class="fn-right w-3/12"> |
|
|
|
<span |
|
|
|
class="rounded-xs fn-16 fn-bold" |
|
|
|
:class=" |
|
|
|
item.increase * 1 > 0 ? 'color-buy' : 'color-sell' |
|
|
|
" |
|
|
|
>{{ item.increaseStr }}</span |
|
|
|
> |
|
|
|
<view class="m-t-xs"> |
|
|
|
￥{{ omitTo(item.close*price_cny,2) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</view> |
|
|
|
<!-- $toast($t('first.b9')) --> |
|
|
|
<!-- <view @click="_router.push('/pages/currency/index')" class="otc m-md bg-panel-3 m-t-md box-shadow rounded-lg d-flex justify-between align-center p-r-lg"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img width="43px" height="43px" src="static/img/b.png"/> |
|
|
|
<view class="color-theme-2 fn-15 m-l-md d-flex align-center">{{ $t("first.b7") }}<span class="color-light fn-12 m-l-xs">{{ $t("first.b6") }}</span></view> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="color-theme-2"/> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- <view class="m-x-md "> |
|
|
|
<text @click="infoActive=0" class="m-r-lg" :class="infoActive==0?'fn-bold fn-16 bor5 color-light':''">{{ $t("first.b5") }}</text> |
|
|
|
@ -546,7 +564,7 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 个人主页弹出层 --> |
|
|
|
<van-popup class="personalCenter-main colbg bg-panel-4" :show="show" @close="show = false" position="left" |
|
|
|
<van-popup class="personalCenter-main colbg" :show="show" @close="show = false" position="left" |
|
|
|
custom-style="width:100%;height:100%"> |
|
|
|
<view style="height: var(--status-bar-height)"></view> |
|
|
|
<view class="personalCenter-top"> |
|
|
|
@ -562,6 +580,11 @@ |
|
|
|
|
|
|
|
<img width="25px" height="25px" @click="changtTheme" |
|
|
|
:src="theme == 'light' ? 'static/img/moon.png' : 'static/img/sun.png'" /> --> |
|
|
|
<v-link to="/pages/accountSettings/accountSettings" tag="div"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page7.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
<view class="information p-l-md m-t-xl"> |
|
|
|
<!-- <img :src="logoMap.login_logo" class="h-50 w-50 d-block m-r-xs rounded-max flex-shrink" /> --> |
|
|
|
@ -583,7 +606,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<!-- v-else --> |
|
|
|
<view v-if="!isLogin" class="color-light" @click.stop> |
|
|
|
<view v-if="!isLogin" class="color-dark" @click.stop> |
|
|
|
<view class="fn-bold fn-16"> |
|
|
|
{{ $t("first.b2") }} |
|
|
|
</view> |
|
|
|
@ -600,7 +623,8 @@ |
|
|
|
</view> |
|
|
|
<!-- <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"--> |
|
|
|
<v-link :to="detail.status!=2?'/pages/auth/index':'/pages/auth/index'" tag="div" |
|
|
|
class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center"> |
|
|
|
class="bg-form-panel-3 color-theme-1 d-flex justify-between align-center" |
|
|
|
style="background-color: #fff;padding: 12px;"> |
|
|
|
<view class=" d-flex align-center"> |
|
|
|
<van-icon name="manager" class="fn-18" /> |
|
|
|
<text class="p-l-md fn-14">{{$t('auth.a1')}}</text> |
|
|
|
@ -624,8 +648,7 @@ |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
<view class="personalCenter-bottom m-t-md "> |
|
|
|
|
|
|
|
<view class="personalCenter-bottom "> |
|
|
|
<!-- <v-link to="/pages/commission/index" tag="div" |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="per-bot p-y-md p-x-sm d-flex align-center justify-between" @click="goMine()"> |
|
|
|
@ -654,7 +677,7 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page1.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("base.c1") }}</span> |
|
|
|
<span class="color-dark">{{ $t("base.c1") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
@ -662,7 +685,7 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page3.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("base.c3") }}</span> |
|
|
|
<span class="color-dark">{{ $t("base.c3") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
@ -670,7 +693,7 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page4.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("base.c4") }}</span> |
|
|
|
<span class="color-dark">{{ $t("base.c4") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
@ -678,7 +701,7 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page5.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("base.c5") }}</span> |
|
|
|
<span class="color-dark">{{ $t("base.c5") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
@ -686,7 +709,7 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('fill5.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("exchange.a1") }}</span> |
|
|
|
<span class="color-dark">{{ $t("exchange.a1") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> --> |
|
|
|
@ -694,21 +717,21 @@ |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page10.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{$t('first.a1')}}</span> |
|
|
|
<span class="color-dark">{{$t('first.a1')}}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
<v-link to="/pages/accountSettings/accountSettings" tag="div" |
|
|
|
<!-- <v-link to="/pages/accountSettings/accountSettings" tag="div" |
|
|
|
class="per-bot p-y-md p-x-sm d-flex align-center justify-between"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page7.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light">{{ $t("base.c6") }}</span> |
|
|
|
<span class="color-dark">{{ $t("base.c6") }}</span> |
|
|
|
</view> |
|
|
|
<van-icon name="arrow" class="fn-18" /> |
|
|
|
</v-link> |
|
|
|
</v-link> --> |
|
|
|
<!-- <view class="per-bot p-y-md p-x-sm d-flex align-center"> |
|
|
|
<img :src="$localImgUrl('Page6.png')" alt="" class="h-20 m-r-xs" /> |
|
|
|
<span class="color-light"> |
|
|
|
<span class="color-dark"> |
|
|
|
<v-lang @change=" |
|
|
|
marketList = []; |
|
|
|
indexData(); |
|
|
|
@ -716,11 +739,11 @@ |
|
|
|
<i class="iconfont m-l-xs fn-sm"></i> |
|
|
|
</span> |
|
|
|
</view> --> |
|
|
|
<view class="h-100"></view> |
|
|
|
<view v-if="isLogin" class="logout w-max bg-form-panel-4 fn-center color-light p-y-xs rounded-xs" |
|
|
|
<!-- <view class="h-100"></view> |
|
|
|
<view v-if="isLogin" class="logout w-max fn-center color-dark p-y-xs rounded-xs" |
|
|
|
@click="loginOut"> |
|
|
|
<text class="w-max rounded-lg border-0">{{ $t("accountSettings.a9") }}</text> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</van-popup> |
|
|
|
<van-toast id="van-toast" /> |
|
|
|
@ -924,6 +947,8 @@ |
|
|
|
}, |
|
|
|
// 获取自选交易列表 |
|
|
|
getCollect(call) { |
|
|
|
console.log(this.isLogin,'isLogin'); |
|
|
|
console.log(this.theme,'Theme'); |
|
|
|
if (!this.isLogin) return |
|
|
|
Home.getCollect() |
|
|
|
.then((res) => { |
|
|
|
@ -1138,7 +1163,7 @@ |
|
|
|
.nav_bar { |
|
|
|
width: 100%; |
|
|
|
height: 50px; |
|
|
|
background-color: #000; |
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
.nav-left { |
|
|
|
width: 210px; |
|
|
|
@ -1185,11 +1210,14 @@ |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.iconfont{ |
|
|
|
color: #000 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.layout-main { |
|
|
|
background-color: #000; |
|
|
|
color: rgba(153, 153, 153, 0.8) !important; |
|
|
|
background-color: #fff; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
.swiper-imgbox { |
|
|
|
@ -1594,6 +1622,7 @@ |
|
|
|
.personalCenter-main { |
|
|
|
.personalCenter-top { |
|
|
|
box-sizing: border-box; |
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
.theme-switch { |
|
|
|
padding: 5% 0; |
|
|
|
@ -1708,6 +1737,10 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.personalCenter-bottom{ |
|
|
|
padding-top: 15px; |
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.user-icon { |
|
|
|
@ -1776,7 +1809,7 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.bor5-active { |
|
|
|
border-bottom: 5px solid $theme-2; |
|
|
|
border-bottom: 5px solid #F7D558; |
|
|
|
} |
|
|
|
|
|
|
|
.w-40 { |
|
|
|
@ -1795,17 +1828,17 @@ |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
|
|
|
|
.bor5:before { |
|
|
|
position: absolute; |
|
|
|
content: ""; |
|
|
|
bottom: -10px; |
|
|
|
left: 20%; |
|
|
|
width: 60%; |
|
|
|
height: 2px; |
|
|
|
border-radius: 10px; |
|
|
|
background-color: $theme-2; |
|
|
|
// border-bottom: 5px solid $border-color; |
|
|
|
} |
|
|
|
// .bor5:before { |
|
|
|
// position: absolute; |
|
|
|
// content: ""; |
|
|
|
// bottom: -10px; |
|
|
|
// left: 20%; |
|
|
|
// width: 60%; |
|
|
|
// height: 2px; |
|
|
|
// border-radius: 10px; |
|
|
|
// background-color: $theme-2; |
|
|
|
// // border-bottom: 5px solid $border-color; |
|
|
|
// } |
|
|
|
|
|
|
|
/deep/ .uni-swiper-dot { |
|
|
|
width: 15px !important; |
|
|
|
@ -1866,4 +1899,69 @@ |
|
|
|
.fn-9 { |
|
|
|
font-size: 9px; |
|
|
|
} |
|
|
|
|
|
|
|
.btn-group1-box{ |
|
|
|
width: 90vw; |
|
|
|
margin: 10px auto; |
|
|
|
padding: 20px; |
|
|
|
background-color: #f9f9f9; |
|
|
|
border-radius: 12px; |
|
|
|
|
|
|
|
.d-flex{ |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.txt{ |
|
|
|
color: #000; |
|
|
|
font-size: 22px; |
|
|
|
flex: 1; |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
image{ |
|
|
|
width: 25vw; |
|
|
|
height: 25vw; |
|
|
|
} |
|
|
|
.btn-group1{ |
|
|
|
margin-top: 20px; |
|
|
|
view, navigator{ |
|
|
|
width: 48%; |
|
|
|
text-align: center; |
|
|
|
color: #000; |
|
|
|
background-color: #eaeaea; |
|
|
|
line-height: 40px; |
|
|
|
border-radius: 20px; |
|
|
|
} |
|
|
|
.theme-color-a{ |
|
|
|
background-color: #FCD434; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.card1-box{ |
|
|
|
width: 90vw; |
|
|
|
margin: 20px auto; |
|
|
|
padding: 20px; |
|
|
|
border: 1px solid #d6d6d6; |
|
|
|
border-radius: 12px; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
.card1-left{ |
|
|
|
font-size: 12px; |
|
|
|
color: #999999; |
|
|
|
flex:1; |
|
|
|
.main-txt{ |
|
|
|
margin: 10px 10px 0px 0px; |
|
|
|
font-size: 17px; |
|
|
|
font-weight: bold; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
} |
|
|
|
image{ |
|
|
|
width: 20vw; |
|
|
|
height: 20vw; |
|
|
|
} |
|
|
|
} |
|
|
|
/deep/ .van-popup, /deep/ .van-popup--left{ |
|
|
|
background-color: #fff!important; |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|
|
