1

李凌

8 days ago 3f1ab7f7f65fe665f6977f94899c763cc1ef1faf

1

 .env

@@ -1,2 +1,2 @@
VITE_APP__TITLE = "FracTionxEX"
VUE_APP_THEME = "dark"
VUE_APP_THEME = "theme"

 src/assets/css/variable.scss

@@ -1,6 +1,6 @@
$mainBgColor: #131a2e;
$mainTextColor: #fff;
$mainbgWhiteColor: #111;
$mainbgWhiteColor: #fff;

$main_background:#f7f7f7; //主题色
$main2_background:#1F233D; //主题浅色背景

 src/assets/image/icon_back.png

 src/assets/image/icon_back_1.png

 src/assets/imgs/home/more.png

 src/components/Transform/cryptos-trade-deep-data/index.vue

@@ -45,7 +45,7 @@
<script>
import { WS_URL } from '@/config'
import { fixDate, strToArr } from "@/utils/utis";
import { THEME } from '@/config/theme'
// import { THEME } from '@/config/theme'
import { _getHomeList } from '@/service/home.api'
import { mapGetters } from 'vuex'
let DEEP_LENGTH = 6
@@ -74,7 +74,6 @@
      init.push({ amount: '', price: '' })
    }
    return {
      THEME,
      fixDate,
      greenData: init,
      redData: init,
@@ -107,6 +106,9 @@
  },
  computed: {
    ...mapGetters('home', ['currency']),
    THEME() {
      return this.$store.state.vant.theme
    }
  },
  methods: {
    getHomeList() {

 src/components/Transform/perpetual-open/index.vue

@@ -367,7 +367,6 @@
import ContractFutrue from '@/components/Transform/contract-futrue/index.vue'
import PopupDelivery from "@/components/Transform/popup-delivery/index.vue";
import { fixDate } from "@/utils/index.js";
import { THEME } from '@/config/theme'
import AmountSlider from "./amountSlider.vue";
import "vue-slider-component/theme/default.css";
import { _getHomeList } from "@/service/home.api";
@@ -536,11 +535,13 @@
      // console.log("dddddd", max, this.form.lever_rate, (1 / this.form.lever_rate + this.initData.fee));

      return max
    },
    THEME() {
      return this.$store.state.vant.theme
    }
  },
  data() {
    return {
      THEME,
      fixDate,
      bfbindex: null,
      bfblist: [
@@ -1186,7 +1187,7 @@
  .select-box {
    width: 220px;
    border-radius: 2.5rem;
    background: #1E1E1E;
    background: #aaa;

    margin-right: 20px;
  }

 src/components/Transform/trade-head/index.vue

@@ -12,10 +12,10 @@
            <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 v-if="$store.state.vant.theme == 'dark'" 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"
                @click="onSidebar" /> -->
              <img v-else src="../../../assets/theme/white/image/black-convert.png" alt="convert-img" class="w-35 h-35"
                @click="onSidebar" />
            </template>
            <!-- 在切换模式下 -->
            <template v-if="isChange">
@@ -26,10 +26,10 @@
              </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/theme/dark/image/black-convert.png" alt="convert-img" class="w-35 h-35"
                <img  v-if="$store.state.vant.theme == 'dark'" 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"
                  @click="onSidebar" /> -->
                <img v-else src="../../../assets/theme/white/image/black-convert.png" alt="convert-img" class="w-35 h-35"
                  @click="onSidebar" />
              </template>
            </template>
            <div class="flex flex-col pl-21" @click="onSidebar">

 src/components/foreign/foreign-contract-header/index.vue

@@ -6,10 +6,10 @@
                <div class="flex justify-start pt-10 pb-5 before">
                    <img src="@/assets/image/icon_back_1.png" class="icon_back_1" alt="" @click="jump()">
                    <div class="flex items-center font-14">
                        <img src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-18 h-18"
                        <img v-if="$store.state.vant.theme == 'dark'" src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="w-18 h-18"
                            @click="onSidebar">
                        <!-- <img src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="w-18 h-18"
                            @click="onSidebar"> -->
                        <img v-else src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="w-18 h-18"
                            @click="onSidebar">
                        <div class="flex pl-10 textColor font-700" @click="onSidebar">
                            <div class="font-35">{{ symbol.toUpperCase() || '--' }}</div>
                            <div class="ml-15">{{ $t('delivery') }}</div>

 src/config/index.js

@@ -35,8 +35,8 @@

// const ENV_DEV = 'zhapi.coinbtcs.com' // dev
// const ENV_DEV = 'openapi.yanshiz.com' // dev
const ENV_DEV = 'api.waonjinzai.top' // dev
// const ENV_DEV = '192.168.10.6:8086' // dev
// const ENV_DEV = 'api.waonjinzai.top' // dev
const ENV_DEV = 'localhost:8235' // dev

// const ENV_PRO = 'qheufhj.site' //  app域名
// const ENV_PRO = window.location.hostname // 接口域名跟随 H5zhapi.coinbtcs.com

 src/main.js

@@ -18,7 +18,7 @@
pinia.use(piniaPluginPersistedstate)

// 初始化主题为黑夜模式
const theme = getStorage('theme') || 'dark'
const theme = getStorage('theme') || 'theme'
window.document.documentElement.setAttribute('data-theme', theme)

const app = createApp(App)

 src/views/cryptos/TrendDetails/index.vue

@@ -232,7 +232,7 @@
import PopupDelivery from "@/components/Transform/popup-delivery/index.vue";
import PopupConfirmOrder from '@/components/Transform/popup-confirm-order/index.vue'
import deepChart from '@/components/Transform/deepChart/index.vue'
import { THEME } from '@/config/theme'
// import { THEME } from '@/config/theme'
export default {
  name: 'TrendDetails',
  components: {
@@ -253,7 +253,7 @@
      })
    }
    return {
      THEME,
      // THEME,
      show: false,
      direction: 'buy',
      initFutrue: {},
@@ -295,7 +295,10 @@
    }
  },
  computed: {
    ...mapGetters({ currency: 'home/currency', userInfo: 'user/userInfo' })
    ...mapGetters({ currency: 'home/currency', userInfo: 'user/userInfo' }),
    THEME() {
      return this.$store.state.vant.theme
    }
  },
  mounted() {
    console.log('sss', this.$route.query)
@@ -550,8 +553,8 @@
}

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

@keyframes animate1 {

 src/views/homePage/components/head.vue

@@ -42,6 +42,7 @@

<style lang="scss" scoped>
@import '@/assets/theme/index.scss';
// @import '@/assets/init.scss';
.head {
    width: 100%;
    margin-bottom: 1rem;

 src/views/quotes/Detail.vue

@@ -7,10 +7,10 @@
            <img src="@/assets/image/back.png" alt="">
          </div>
          <div class="name-box">
            <img src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
            <img v-if="$store.state.vant.theme == 'dark'" src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <!-- <img src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" /> -->
            <img v-else src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <p class="title">{{ chartData?.name }}&nbsp;&nbsp;</p>
            <p class="type">{{ symbol }}</p>
          </div>

 src/views/quotes/OpenTrade.vue

@@ -7,10 +7,10 @@
            <img src="@/assets/image/back.png" alt="" @click="onRoute">
          </div>
          <p class="title">
            <img src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
            <img v-if="$store.state.vant.theme == 'dark'" src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <!-- <img src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" /> -->
            <img v-else src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <span class="text">{{ `${symbolName} (${symbol})` }}</span>
          </p>
        </div>

 src/views/usStock/Detail.vue

@@ -7,10 +7,10 @@
            <img src="@/assets/image/back.png" alt="">
          </div>
          <div class="name-box">
            <img src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
            <img v-if="$store.state.vant.theme == 'dark'" src="@/assets/theme/dark/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <!-- <img src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" /> -->
            <img v-else src="@/assets/theme/white/image/black-convert.png" alt="convert-img" class="convert-img"
              @click="onSidebar" />
            <p class="title">{{ enName }}&nbsp;&nbsp;</p>
            <p class="type">{{ symbol }}</p>
          </div>