改黑夜样式

李凌

2025-12-16 9337c3cf960b60078558b7f942fd27f1ab39364b

 src/components/Transform/mining-exchange-input/index.vue

@@ -72,7 +72,7 @@
                  class="w-30 h-30 rounded-full mr-10 currency-icon" />
              </div>
              <div>
                <div class="item-title textColor">{{ strToArr(item.name.toUpperCase(),'/')[0] }}</div>
                <div class="item-title textColor">{{ strToArr(item.name.toUpperCase(), '/')[0] }}</div>
              </div>
            </div>
            <div class="text-right" v-if="activeIndex == 0">
@@ -235,10 +235,10 @@
        this.currencyList = this.allCurrencyList
      }
    },
      strToArr(str, separator = ',') {
         if (typeof str !== 'string') return [];
         return str.split(separator);
      },
    strToArr(str, separator = ',') {
      if (typeof str !== 'string') return [];
      return str.split(separator);
    },
  },
};
</script>
@@ -256,7 +256,10 @@

  .van-action-sheet__item {
    background: #0D1323;
    color: $text_color;

    @include themify() {
      color: themed("text_color");
    }
  }


@@ -268,37 +271,50 @@

  .exchange-pop {
    .tab-list {
      background: $inp-b;
      // background: $inp-b;
      $tab-r: 90px;
      border-radius: $tab-r;
      height: 180px;
      color: $text_color;

      @include themify() {
        background: themed("input_background");
      }

      .tab-item {
        text-align: center;
        border-radius: $tab-r;

        @include themify() {
          background: themed("input_background");
        }
      }

      .active {
        background: $bg_yellow;

        background: $bg_yellow !important;
        border-radius: $tab-r;
      }
    }

    .title {
      color: $text_color;
      padding: 30px 0 !important
      padding: 30px 0 !important;

      @include themify() {
        color: themed("text_color");
      }
    }

    .search-input {
      color: $text_color;
      background: $inp-b;
      border-radius: 80px;
      height: 100px !important;
      display: flex;
      align-items: center;
      padding-left: 30px !important;

      @include themify() {
        background: themed("input_background");
        color: themed("text_color");
      }
    }

    .list {