1

admin

2026-04-29 1febaf2c9b7c7cb7f208624c4c2e9d972cf8b265

 src/views/cryptos/Exchange/exchangePage.vue

@@ -1,20 +1,8 @@
<template>
  <div id="cryptos">
    <van-nav-bar left-arrow @click-left="onClickLeft">

      <!-- <template #right>
        <van-icon class="exchange-icon" @click="$router.push('/cryptos/exchangeHistory')" name="clock-o" />
      </template> -->
      <template #title>
        <div class="flex items-center">
          {{ $t('闪兑') }}
          <div class="fee ex-bg"> {{ $t('0手续费') }}</div>
        </div>

      </template>
    </van-nav-bar>
  <div id="cryptos" class="exchange-page-wrap">
    <assets-head :title="$t('闪兑')" :show-left="true" :back-func="onClickLeft" />
    <div class="exchange-page">
      <list-account show class="mt-94" type="exchange" @exchange="onPopup" ref="exchange" />
      <list-account show type="exchange" @exchange="onPopup" ref="exchange" />
      <van-popup class="tabBackground" v-model:show="show" position="bottom" :close-on-click-overlay="false"
        @close="onClose">
        <div class="pop-box relative">
@@ -79,7 +67,7 @@

<script>
import assetsHead from "@/components/Transform/assets-head/index.vue";
import ListAccount from '@/components/Transform/mining-account/index.vue'
import ListAccount from '@/components/Transform/mining-account/index.vue';
import { _initExchange, _exchange } from "@/service/fund.api";
import { Popup, showToast } from "vant"
import { HOST_URL } from '@/config'
@@ -164,61 +152,27 @@
}
</script>

<style lang="scss" scoped>
@import "@/assets/init.scss";

.exchange-page-wrap {
  min-height: 100vh;
  background: #f9f9f9;
}
.exchange-page {
  padding: 29px 24px 38px;
  width: 100%;
  box-sizing: border-box;
}
</style>
<style lang="scss">
@import "@/assets/init.scss";

#cryptos {
  :deep(.van-icon) {
    color: red;
  }

  .exchange-page {
    height: 100vh - 6vh;

    background: $selectSymbol_background;

    :deep(.van-tab--active) {
      background: $selectSymbol_background;
      color: $text_color;
    }

    :deep(.van-nav-bar) {
      // background: $selectSymbol_background;
    }

    :deep(.van-tabs__nav) {
      background: $selectSymbol_background;
    }

    :deep(.van-nav-bar__title) {
      color: $text_color;
    }

    :deep(.van-hairline--bottom::after) {
      border-bottom-width: 0px;
    }

    :deep(.van-nav-bar .van-icon) {
      color: $text_color;

      font-size: 40px;
    }
  }

  .bg-grey-light {
    background: $light-grey;
  }

  .bg-grey-dark {
    background: $light-grey;
  }


#cryptos.exchange-page-wrap {
  .fee {
    // background: #21353A;
    border-radius: 4px;
    color: #00B087;
    font-size: 24px;
    font-size: 1.6rem;
    padding: 5px 10px;
    margin-left: 10px;
  }