style

lxf

2025-07-08 2eef7e881d02d05bd0e1237a8456466f0c9afbce

 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() }}&nbsp;&nbsp;{{ $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() }}&nbsp;&nbsp;{{ $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>