| | |
| | | <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" /> --> |
| | |
| | | <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" |
| | |
| | | </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" |