| | |
| | | <template> |
| | | <div id="cryptos"> |
| | | <!-- 调节跳动深度 --> |
| | | <div class="pb-108 no_touch"> |
| | | <!-- <div class="px-30 pt-20"> |
| | | <div class="flex h-88 w-full box-border border-solid-grey rounded-lg"> |
| | |
| | | </div> --> |
| | | <div class="fixed-box"> |
| | | <div class="flex justify-between items-center px-30 py-20" @click.stop="handleClickShowKlineChart()"> |
| | | <span class="font-30 textColor2">{{ symbol.toUpperCase() }} {{ $t('k线图表') }}</span> |
| | | <van-icon class="textColor font-20" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon> |
| | | <span class="font-30 textColor2" style="">{{ symbol.toUpperCase() }} {{ $t('k线图表') }}</span> |
| | | <van-icon class="textColor font-28" :name="showCharts ? 'arrow-down' : 'arrow-up'"></van-icon> |
| | | </div> |
| | | <!-- <section class="indicator-index-container" v-if="showKlineChart"> |
| | | <div class="indicator-index-box"> |
| | |
| | | .select-box { |
| | | width: 220px; |
| | | |
| | | background: #1E1E1E; |
| | | background: #f5f5f5; |
| | | |
| | | margin-right: 20px; |
| | | } |
| | |
| | | |
| | | .option-box { |
| | | z-index: 99; |
| | | background-color: #f5f5f5; |
| | | box-shadow: 0px 0px 0.1875rem 0.1875rem #f5f5f5; |
| | | } |
| | | |
| | | :deep(.van-action-sheet__content) { |
| | |
| | | color: $text_color; |
| | | } |
| | | } |
| | | |
| | | .diviLine{ |
| | | background-color: #f5f5f5; |
| | | } |
| | | .textColor2, .textColor{ |
| | | color: #fff; |
| | | } |
| | | </style> |