| src/assets/css/index.scss | ●●●●● patch | view | raw | blame | history | |
| src/assets/css/variable.scss | ●●●●● patch | view | raw | blame | history | |
| src/components/ex-input/new-input.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/forget/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/homePage/components/head.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/homePage/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/login/index.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/register/index.vue | ●●●●● patch | view | raw | blame | history |
src/assets/css/index.scss
@@ -31,10 +31,10 @@ body { width: 100vw; height: 100vh; // color: $mainTextColor; color: $log-c; // background-color: $mainBgColor; background-color: $mainbgWhiteColor; color: $mainTextColor; // color: $log-c; background-color: $mainBgColor; // background-color: $mainbgWhiteColor; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } src/assets/css/variable.scss
@@ -1,8 +1,8 @@ $mainBgColor: #131a2e; $mainBgColor: #121212; $mainTextColor: #fff; $mainbgWhiteColor: #fff; $main_background:#131a2e; //主题色 $main_background:#121212; //主题色 $main2_background:#1F233D; //主题浅色背景 $text_color:#fff; //文字颜色 $text_color1:#868D9A; //文字浅色 @@ -18,10 +18,9 @@ $btn_main: #1194F7; //主题色按钮 $color_main:#1194F7; //主题色文字 $btn_background:#474B62; //按钮颜色 // $input_background:#27293B; //input背景颜色 $input_background:#f7f7f7; //input背景颜色 $input_background:#242424; //input背景颜色 $cont_background:#27293B; //title背景色 $title_color:#B8BDC5; $title_color:#fff; $line_color: #393E49; $bg_dark: #474B62; $border_color: #212C4E; @@ -41,17 +40,21 @@ $selectSymbol_background: #f7f7f7; //自选与选择币种背景颜色 $US_tab_background: #1D2439; $US_tabActice_background: #112542; $lable_color: #B6BDD4; $lable_color: #888; $cont_background: #f6f6f6; $delivery_left_tab_background: #1B2134; $delivery_tab_background: #2A324D; $search_background: #1B233B; $pledgeLoan_background:#00E3FF; $bg_yellow:#f7b600; $log-c: #282828; $icon-bg:#dbdbdb; $inp-b: #f7f7f7; $log-c: #fff; $icon-bg:#888; $inp-b: #777; $text_color:$log-c; :root:root { --van-button-primary-background: #f7b600; --van-button-primary-border-color:#f7b600; } .yellow-bg{ background: $bg_yellow; } @@ -83,7 +86,7 @@ background: $btn_main; } .colorMain{ color: $color_main; color: $bg_yellow; } .borderMain { border: 1px solid $color_main; @@ -95,8 +98,7 @@ background: $btn_background; } .inputBackground{ // background: $input_background; background: $inp-b; background: $input_background; } .inputBackground1{ // background: $input_background1; src/components/ex-input/new-input.vue
@@ -117,19 +117,12 @@ <style lang="scss" scoped> @import "@/views/authentication/components/intl.css"; $inp-b: #f5f5f5; .inputBackground { background: $inp-b; border: #d5d5d5 solid 1px; } .textColor { color: $mainBgColor; color: $text_color; } .inputCom { color: $mainBgColor; color: $text_color; padding-bottom: 22px; font-size: 14px; @@ -140,7 +133,7 @@ display: flex; justify-content: space-between; align-items: center; border-radius: 27.5px; // border-radius: 27.5px; } .areaCode { @@ -161,7 +154,7 @@ height: 100%; border: none; padding-left: 10px; color: $mainBgColor; color: $text_color; border-radius: 20px; }
@@ -103,7 +103,10 @@ box-sizing: border-box; font-size: 13px; } .w-full{ background-color: $bg_yellow; border: none; } .forgetCont { padding: 15px; ; @@ -138,8 +141,8 @@ } .active { background: $US_tabActice_background; color: $color_main; background: $bg_Bottom; // color: $text_color1; } } </style> src/views/homePage/components/head.vue
@@ -1,10 +1,10 @@ <template> <div class="head flex justify-between items-center "> <div class="more mr-5"><img src="@/assets/imgs/home/more.png" alt="" @click="onRoute('/my')"></div> <div class="more_input pl-5 pr-5 flex items-center justify-start mr-5 pt-2" @click="onRoute('/optional/search')"> <!-- <div class="more_input pl-5 pr-5 flex items-center justify-start mr-5 pt-2" @click="onRoute('/optional/search')"> <img src="@/assets/imgs/quotes/search.png" alt=""> <span class="pl-5">{{ $t('请输入关键词搜寻') }}</span> </div> </div> --> <div class="scan"><img src="@/assets/image/assets-center/language.png" alt="" @click="onRoute('/language')"></div> <!-- <div class="gift"><img src="@/assets/imgs/home/gift.png" alt=""></div> <div class="scan"><img src="@/assets/imgs/home/scan.png" alt=""></div> src/views/homePage/index.vue
@@ -35,37 +35,6 @@ </van-swipe> </van-notice-bar> <!-- <div class="flex justify-between mt-10"> <van-swipe class="home_swipe_1" :autoplay="2000"> <van-swipe-item v-for="value in swipe1" :key="value.key" class="flex justify-center items-center"> <img :src="value.img" alt="" class="swipe-item-img"> </van-swipe-item> <template #indicator="{ active, total }"> <div class="custom-indicator"><span>{{ active + 1 }}</span>/{{ total }}</div> </template> </van-swipe> <div style="width:24rem"> <van-swipe class="home_swipe_2" :autoplay="2000"> <van-swipe-item v-for="value in swipe2" :key="value.key" class="flex justify-center items-center"> <img :src="value.img" alt="" class="swipe-item-img"> </van-swipe-item> <template #indicator="{ active, total }"> <div class="custom-indicator flex justify-center items-center"> <div v-for="value in total" :key="value" class="ml-1" :class="active + 1 === value ? 'active' : ''"> </div> </div> </template> </van-swipe> <div class="purchase mt-7 font-bold flex justify-between items-center"> {{ $t('购买加密货币') }} <van-icon name="arrow" /> </div> </div> </div> --> <div id="cryptos" class="pt-10"> <list-quatation :listData="qList" :tabShow="false" /> </div> src/views/login/index.vue
@@ -4,22 +4,24 @@ </div> <!-- <div class="divider mt-10"></div> --> <div class="log flex items-center justify-center flex-col pt-20 mt-10 mb-20 textColor"> <img :src="LOGO" alt=""> <div class="log flex-col pt-10 mt-10 mb-20 textColor"> <!-- <img :src="LOGO" alt=""> --> <span class="font-bold text-5xl mt-10"> {{ `${$t('欢迎加入')} ${$title}` }} {{ `${$t('login')}` }} </span> </div> <div>{{ $t('账号') }}</div> <ExInput style="padding-bottom:16px !important;" :placeholderText="getRegType(activeIndex, false)" v-model="username" :dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" @pressEnter="verifyLogin" /> <div>{{ $t('密码') }}</div> <ExInput style="padding-bottom:0 !important;" :placeholderText="$t('entryPassword')" v-model="password" typeText="password" @pressEnter="verifyLogin" /> <div class="forget colorMain" @click="$router.push('/forget')">{{ $t('forgetPassword') }}</div> <van-button class="w-full" round style="margin-top:50px;" type="primary" @click="verifyLogin">{{ $t('login') }} <van-button class="w-full" style="margin-top:50px;" type="primary" @click="verifyLogin">{{ $t('login') }} </van-button> <div class="noTips textColor"> {{ $t('noAccount') }}? @@ -165,7 +167,7 @@ padding: 15px; font-size: 13px; box-sizing: border-box; background: $mainbgWhiteColor; // background: $mainbgWhiteColor; min-height: 100vh; :deep(.textColor) { @@ -190,7 +192,6 @@ .w-full { background: $bg_yellow; border: none; color: $mainBgColor; font-size: 16px; font-weight: 600; } src/views/register/index.vue
@@ -4,12 +4,12 @@ <Step :step="1"></Step> <div class="title textColor">{{ $t('register') }}</div> <div class="flex re-tab"> <div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{ <div class="text_color" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{ $t('account') }}</div> <!-- <div class="textColor1" :class="activeIndex == 1 ? 'active' : ''" @click="changeIndex(1)">{{ $t('email') }} <!-- <div class="textColor" :class="activeIndex == 1 ? 'active' : ''" @click="changeIndex(1)">{{ $t('email') }} </div> <div class="textColor1" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{ <div class="textColor" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{ $t('phoneNum') }}</div> --> </div> @@ -308,7 +308,7 @@ box-sizing: border-box; padding: 16px; font-size: 13px; background-color: $mainbgWhiteColor; // background-color: $mainbgWhiteColor; } .top { @@ -344,7 +344,7 @@ // background: $US_tabActice_background; background: $bg_yellow; // color: $color_main; color: $text_color4; color: $text_color; } }
