1

李凌

2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382

 src/components/Transform/contract-header/index.vue

@@ -22,11 +22,11 @@
                            @click="jump" />
                    </div> -->
        </div>
        <div class="flex justify-between  pt-34">
          <button class="tabBtn w-368 h-74 lh-74 border-none  rounded"
            :class="selectIndex == 1 ? 'select-active' : 'no-select'" @click="changeTab(1)">
        <div class="flex justify-start pt-34">
          <button class="tabBtn h-50 lh-50 border-none" :class="selectIndex == 1 ? 'select-active' : 'no-select'"
            @click="changeTab(1)">
            {{ $t('永续合约') }}</button>
          <button class="tabBtn w-368 h-74 lh-74 border-none  rounded"
          <button class="tabBtn h-50 lh-50 border-none"
            :class="selectIndex == 2 ? 'select-one-active' : 'no-select'" @click="changeTab(2)">
            {{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易') }}</button>
        </div>
@@ -246,24 +246,35 @@
  }

  .tabBtn {
    border-radius: 2.35rem;
    // border: 1px solid #EAEDF2;
    color: $text_color;
    // border-radius: 2.35rem;
    // color: $text_color;
    font-weight: bold;
    // background: $tab_background;
    font-size: 30px;
    font-size: 1.8rem;
    margin-right: 2rem;

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

  .select-active {
    background-color: $green;
    color: $text_color;
    // background-color: $green;
    // color: $text_color;
    border: none;

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

  .select-one-active {
    background-color: $red;
    color: $text_color;
    // background-color: $red;
    // color: $text_color;
    border: none;

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

  .no-select {}