style

lxf

2025-07-08 b37eef5a0807a8f5688e2112591cb80a3ba333e4

 src/views/cryptos/TrendDetails/index.vue

@@ -16,11 +16,11 @@
        <div class="data-index">
          <div class="flex flex-1 px-32 mt-40">
            <div class="flex flex-col font-22">
              <p class="font-70 font-600" :class="quote.change_ratio > 0 ? 'text-green' : 'text-red'">
              <p class="font-70 font-600" :class="quote.change_ratio_str > 0 ? 'text-green' : 'text-red'">
                {{ quote.close || '--' }}</p>
              <p class="font-22 mt-10">≈ {{ currency.currency_symbol }}{{ quote.close ? (quote.close *
                currency.rate).toFixed(2) : '--' }}
                <span :class="quote.change_ratio > 0 ? 'text-green' : 'text-red'">{{ quote.change_ratio
                <span :class="quote.change_ratio_str > 0 ? 'text-green' : 'text-red'">{{ quote.changeRatioStr
                  ||
                  '--' }}%</span>
              </p>
@@ -551,7 +551,7 @@
}

:deep(.van-tabs__nav) {
  background-color: $night !important;
  // background-color: $night !important;
}

@keyframes animate1 {