1
jhzh
2026-05-22 ef52095f5e9f0a9fe2da779bb1573947d77d75b6
src/components/Transform/trade-head/index.vue
@@ -3,16 +3,16 @@
  <div>
    <div class="contract-header font-28">
      <div class="pl-30 pr-30">
        <div class="flex justify-between pt-45">
        <div class="flex justify-between" style="padding:9px 0 ">
          <div class="flex items-center">
            <!-- 没有切换模式的 -->
            <!-- <img v-if="isReturn" src="@/assets/image/icon_back_1.png" @click="backPath()" class="w-40 h-40 back mr-50"
              alt=""> -->
            <img v-if="isReturn" src="@/assets/image/icon_back.png" @click="goBack()" class="w-40 h-40 back mr-50"
              alt="">
            <!-- <img v-if="isReturn" src="@/assets/image/icon_back.png" @click="goBack()" class="w-40 h-40 back mr-50"
              alt=""> -->
            <template v-if="!isChange">
              <img src="../../../assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-35 h-35"
              <img src="../../../assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-45 h-45"
                @click="onSidebar" />
              <!-- <img src="../../../assets/theme/white/image/black-convert.png" alt="convert-img" class="w-35 h-35"
                @click="onSidebar" /> -->
@@ -25,7 +25,7 @@
                <img src="./white-convert.png" alt="convert-img" class="w-35 h-35" @click="onSidebar" />
              </template>
              <template v-else>
                <img src="../../../assets/image/icon_back.png" class="w-40 h-40 back mr-50" alt="" @click="backPath()">
                <img src="../../../assets/image/icon_back_1.png" class="w-40 h-40 back mr-50" alt="" @click="backPath()">
                <img src="../../../assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-35 h-35"
                  @click="onSidebar" />
                <!-- <img src="../../../assets/theme/white/image/black-convert.png" alt="convert-img" class="w-35 h-35"
@@ -34,15 +34,15 @@
            </template>
            <div class="flex flex-col pl-21" @click="onSidebar">
              <template v-if="!isChange">
                <div class="font-35 textColor">{{ symbolName.toUpperCase() || '--' }}</div>
                <div class="font-35 textColor " style="font-weight: bold;">{{ symbolName.toUpperCase() || '--' }}</div>
              </template>
              <template v-if="isChange">
                <div class="font-35" :class="isNight ? 'text-white' : 'text-black'">{{ symbolName &&
                  symbolName.toUpperCase() || '--' }}</div>
              </template>
            </div>
            <div v-if="range" class="pl-30" :class="{ 'text-green': range > 0, 'text-red': range <= 0 }">{{
              range > 0 ? '+' : '' }}{{ range || '--' }}%</div>
            <!-- <div v-if="range" class="pl-30" :class="{ 'text-green': range > 0, 'text-red': range <= 0 }">{{
              range > 0 ? '+' : '' }}{{ range || '--' }}%</div> -->
          </div>
          <div class="flex items-center" v-if="islevel">
            <!-- <img src="../../../assets/image/icon-star_active.png" class="w-30 h-30 mr-10 ml-20" @click="openCurrency"