From f703fe33aa10a7be7d82e7ea75f8e5ad143233fd Mon Sep 17 00:00:00 2001
From: 李凌 <344137771@qq.com>
Date: Wed, 10 Sep 2025 17:51:16 +0800
Subject: [PATCH] 暂存
---
src/assets/css/index.scss | 8 ++--
src/assets/css/variable.scss | 26 +++++++------
src/views/homePage/components/head.vue | 4 +-
src/views/login/index.vue | 13 +++---
src/views/register/index.vue | 10 ++--
src/views/homePage/index.vue | 31 ---------------
src/components/ex-input/new-input.vue | 15 ++-----
src/views/forget/index.vue | 9 +++-
8 files changed, 42 insertions(+), 74 deletions(-)
diff --git a/src/assets/css/index.scss b/src/assets/css/index.scss
index f4b1329..1dfc9cb 100644
--- a/src/assets/css/index.scss
+++ b/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);
}
diff --git a/src/assets/css/variable.scss b/src/assets/css/variable.scss
index b1fe88b..0ee512e 100644
--- a/src/assets/css/variable.scss
+++ b/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;
diff --git a/src/components/ex-input/new-input.vue b/src/components/ex-input/new-input.vue
index 76712d7..e08302c 100644
--- a/src/components/ex-input/new-input.vue
+++ b/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;
}
diff --git a/src/views/forget/index.vue b/src/views/forget/index.vue
index db5a625..bb1c923 100644
--- a/src/views/forget/index.vue
+++ b/src/views/forget/index.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/homePage/components/head.vue b/src/views/homePage/components/head.vue
index 4be2d64..d1c457b 100644
--- a/src/views/homePage/components/head.vue
+++ b/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>
diff --git a/src/views/homePage/index.vue b/src/views/homePage/index.vue
index 36c74da..12df164 100644
--- a/src/views/homePage/index.vue
+++ b/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>
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 5dd7b2e..0763559 100644
--- a/src/views/login/index.vue
+++ b/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;
}
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
index dc0613c..1007bed 100644
--- a/src/views/register/index.vue
+++ b/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;
}
}
--
Gitblit v1.9.3