From 4e060ba04e97107a4b000e0232c818912a83e9d0 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Tue, 08 Jul 2025 20:08:03 +0800
Subject: [PATCH] style
---
src/views/cryptos/Trade/index.vue | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/src/views/cryptos/Trade/index.vue b/src/views/cryptos/Trade/index.vue
index dc2f4ce..7754420 100644
--- a/src/views/cryptos/Trade/index.vue
+++ b/src/views/cryptos/Trade/index.vue
@@ -1,5 +1,6 @@
<template>
<div id="cryptos">
+ <!-- 调节跳动深度 -->
<div class="pb-108 no_touch">
<!-- <div class="px-30 pt-20">
<div class="flex h-88 w-full box-border border-solid-grey rounded-lg">
@@ -27,7 +28,7 @@
<div class="mt-20 mb-22 select-box" style="position:relative;">
<div class=" flex justify-between items-center w-full h-70" @click="selectBtn">
<!-- <img src="@/assets/image/public/warn.png" alt="warn-icon" class="w-25 h-25 pl-20"/> -->
- <div class="pl-16 font-28 textColor" style="width:80%;">{{ title }}</div>
+ <div class="pl-16 font-28 textColor" style="width:80%;color: #333;">{{ title }}</div>
<img src="../../../assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
</div>
<div class="option-box" v-show="isShow">
@@ -128,8 +129,8 @@
</div> -->
<div class="fixed-box">
<div class="flex justify-between items-center px-30 py-20" @click.stop="handleClickShowKlineChart()">
- <span class="font-30 textColor2">{{ symbol.toUpperCase() }} {{ $t('k线图表') }}</span>
- <van-icon class="textColor font-20" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon>
+ <span class="font-30 textColor2" style="">{{ symbol.toUpperCase() }} {{ $t('k线图表') }}</span>
+ <van-icon class="textColor font-28" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon>
</div>
<!-- <section class="indicator-index-container" v-if="showKlineChart">
<div class="indicator-index-box">
@@ -625,8 +626,8 @@
.active-line {
position: relative;
// padding-bottom: 18px;
- color: $text_color;
- background-color: $color_main
+ color: #fff;
+ background-color: $btn_main;
}
.active-line::after {
@@ -659,7 +660,7 @@
.select-box {
width: 220px;
- background: #1E1E1E;
+ background: #f5f5f5;
margin-right: 20px;
}
@@ -672,6 +673,8 @@
.option-box {
z-index: 99;
+ background-color: #f5f5f5;
+ box-shadow: 0px 0px 0.1875rem 0.1875rem #f5f5f5;
}
:deep(.van-action-sheet__content) {
@@ -807,4 +810,11 @@
color: $text_color;
}
}
+
+.diviLine{
+ background-color: #f5f5f5;
+}
+.textColor2, .textColor{
+ color: #fff;
+}
</style>
--
Gitblit v1.9.3