style

lxf

2025-07-05 8c51de06d839339f428ca0691099fe60740765cf

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

@@ -5,7 +5,7 @@
      <div class="pl-30 pr-30">
        <div class="flex justify-start pt-45 before">
          <div class="flex items-center ">
            <img src="@/assets/image/icon_back_1.png" class="w-35 h-35 back" alt="" @click="jump()">
            <img src="@/assets/image/icon_back.png" class="w-35 h-35 back" alt="" @click="jump()">
            <img src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-35 h-35" @click="onSidebar">
            <div class="flex pl-21 textColor" @click="onSidebar">
              <div class="font-35">{{ symbolName.toUpperCase() || '--' }}</div>
@@ -20,10 +20,11 @@
                            @click="jump" />
                    </div> -->
        </div>
        <div class="flex justify-between  pt-34">
          <button class="tabBtn w-368 h-74 lh-74 border-none  rounded"
        <!-- v-if="!selectIndex==2" -->
        <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)">
            {{ $t('永续合约') }}</button>
            {{ $t('永续合约') }}</button> -->
          <button class="tabBtn w-368 h-74 lh-74 border-none  rounded"
            :class="selectIndex == 2 ? 'select-one-active' : 'no-select'" @click="changeTab(2)">
            {{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易') }}</button>
@@ -173,17 +174,18 @@
      }
    },
    jump() {
      if (this.$route.query?.from === 'trade') {
        this.$router.push('/trade/index?tabActive=1')
        return
      }
      if (this.$route.query.type == 'indices') {
        this.$router.push('/quotes/index')
      } else if (this.$route.query.type == 'US-stocks') {
        this.$router.push('/quotes/index?tabActive=3')
      } else {
        this.$router.push('/quotes/index?tabActive=1')
      }
      this.$router.go(-1)
      // if (this.$route.query?.from === 'trade') {
      //   this.$router.push('/trade/index?tabActive=1')
      //   return
      // }
      // if (this.$route.query.type == 'indices') {
      //   this.$router.push('/quotes/index')
      // } else if (this.$route.query.type == 'US-stocks') {
      //   this.$router.push('/quotes/index?tabActive=3')
      // } else {
      //   this.$router.push('/quotes/index?tabActive=1')
      // }
    },
    klineJump() {
      this.$router.push(`/cryptos/trendDetails/${this.symbol}?type=${this.queryType}`)
@@ -237,7 +239,7 @@

  .select-one-active {
    background-color: $red;
    color: $text_color;
    color: #fff;
    border: none;
  }