From 2eef7e881d02d05bd0e1237a8456466f0c9afbce Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Tue, 08 Jul 2025 19:07:15 +0800
Subject: [PATCH] style
---
src/views/register/step.vue | 1
src/views/optional/index.vue | 2
src/views/cryptos/Withdraw/withdrawPage.vue | 3
src/views/login/index.vue | 4
src/views/cryptos/PerpetualContract/index.vue | 42 ++++----
src/views/cryptos/TrendDetails/index.vue | 8
src/views/cryptos/Trade/index.vue | 6
src/components/Transform/kline-charts/index.vue | 2
src/views/forget/index.vue | 4
src/components/Transform/mining-exchange-input/index.vue | 10 +-
src/components/Transform/list-quotation/index.vue | 6
src/views/cryptos/index.vue | 8
vite.config.js.timestamp-1751953010068.mjs | 73 ++++++++++++++
src/config/index.js | 3
src/views/register/index.vue | 4
src/components/Transform/contract-futrue/index.vue | 16 +-
src/components/Transform/contract-header/index.vue | 8
src/components/Transform/perpetual-open/index.vue | 46 +++++----
18 files changed, 166 insertions(+), 80 deletions(-)
diff --git a/src/components/Transform/contract-futrue/index.vue b/src/components/Transform/contract-futrue/index.vue
index f1c482a..2383058 100644
--- a/src/components/Transform/contract-futrue/index.vue
+++ b/src/components/Transform/contract-futrue/index.vue
@@ -2,10 +2,10 @@
<div>
<div class="contact-futrue">
<div class="font-24 text-grey mb-24">{{ $t('交割时间') }}</div>
- <ul class="flex flex-wrap w-full">
+ <ul class="flex flex-wrap w-full" v-if="initFutrue.para?.length" >
<!-- v-if="initFutrue.para" -->
<!-- initFutrue: {{ initFutrue.para }} -->
- <li v-for="(item, index) in initFutrue.para" v-if="initFutrue.para" :key="item.uuid"
+ <li v-for="(item, index) in initFutrue.para" :key="index"
class="h-92 flex items-center mb-22" @click="onSelect(item, index)">
<p class="w-95 h-full flex justify-center items-center font-22 flex-1"
:class="active === item.para_id ? 'bg-light-blue text-white' : 'delivery_left_tab_background textColor'"
@@ -46,17 +46,17 @@
created() {
console.log('this.initFutrue', this.initFutrue)
// this._initParam();
- if (this.initFutrue.para.length > 0) {
+ if (this.initFutrue?.para.length > 0) {
this.active = this.initFutrue.para[0].para_id || ''
this.$emit('paraId', { id: this.active, index: 0 })
}
},
watch: {
- '$route.query.symbol'(newVal, oldVal) {
- if (newVal !== oldVal) {
- this._initParam();
- }
- }
+ // '$route.query.symbol'(newVal, oldVal) {
+ // if (newVal !== oldVal) {
+ // this._initParam();
+ // }
+ // }
},
methods: {
onSelect(item, index) { // 选中
diff --git a/src/components/Transform/contract-header/index.vue b/src/components/Transform/contract-header/index.vue
index 02ee085..f66a27f 100644
--- a/src/components/Transform/contract-header/index.vue
+++ b/src/components/Transform/contract-header/index.vue
@@ -11,9 +11,9 @@
<div class="font-35">{{ symbolName.toUpperCase() || '--' }}</div>
<div class="ml-15 font-28">{{ title }}</div>
</div>
- <div class="pl-10 w-160 font-28" :class="{ 'text-green': range > 0, 'text-red': range <= 0 }">{{ range > 0 ?
- '+' : '' }}{{ range || '--' }}%</div>
- <!-- <img src="@/assets/image/kline.png" class="w-44 h-44 right" alt="" @click="klineJump()"> -->
+ <div class="pl-10 w-160 font-28" :class="{ 'text-green': range > 0, 'text-red': range <= 0 }">{{ range || '--' }}%</div>
+ <!-- 右上角小图标 -->
+ <img src="@/assets/image/kline.png" class="w-44 h-44 right" alt="" @click="klineJump()">
</div>
<!-- <div class="flex items-center">
<img src="../../assets/image/public/k-line.png" alt="line-img" class="w-38 h-35"
@@ -145,7 +145,7 @@
methods: {
onRoute(item) {
if (this.$route.params.symbol !== item.symbol) {
- // this.$router.push(`/cryptos/perpetualContract/${item.symbol}?selectIndex=${this.selectIndex}`)
+ this.$router.push(`/cryptos/perpetualContract/${item.symbol}?selectIndex=${this.selectIndex}`)
// debugger
this.$emit('update-coin', item.symbol)
setStorage('symbol', item.symbol)
diff --git a/src/components/Transform/kline-charts/index.vue b/src/components/Transform/kline-charts/index.vue
index 4a289ac..f98f2c3 100644
--- a/src/components/Transform/kline-charts/index.vue
+++ b/src/components/Transform/kline-charts/index.vue
@@ -81,7 +81,7 @@
{ id: '15min', time: '15min', text: '15' + this.$t('分'), ts: 15 * 60 * 1000 },
{ id: '30min', time: '30min', text: '30' + this.$t('分'), ts: 30 * 60 * 1000 },
{ id: '60min', time: '60min', text: '1' + this.$t('小时'), ts: 60 * 60 * 1000 },
- { id: '4hour', time: '4hour', text: '4' + this.$t('小时'), ts: 4 * 60 * 60 * 1000 },
+ // { id: '4hour', time: '4hour', text: '4' + this.$t('小时'), ts: 4 * 60 * 60 * 1000 },
{ id: '1day', time: '1day', text: '1' + this.$t('天'), ts: 24 * 60 * 60 * 1000 },
{ id: '1week', time: '1week', text: '1' + this.$t('周'), ts: 7 * 24 * 60 * 60 * 1000 },
{ id: '1mon', time: '1mon', text: '1' + this.$t('月'), ts: 30 * 24 * 60 * 60 * 1000 }
diff --git a/src/components/Transform/list-quotation/index.vue b/src/components/Transform/list-quotation/index.vue
index 3f0a2e4..4016eb9 100644
--- a/src/components/Transform/list-quotation/index.vue
+++ b/src/components/Transform/list-quotation/index.vue
@@ -44,11 +44,11 @@
alt="logo" class="w-72 h-72 rounded-full mr-16" />
<p class="flex flex-col">
<span class="flex items-end font-32 flex items-center">
- <span class="textColor font-600 font-30">{{ item.symbol_data && item.symbol_data.toUpperCase() || '--'
+ <span class="textColor font-600 font-30">{{ item.name || '--'
}}</span>
- <span class="font-24 text-grey" style="position: relative; top: 1px">
+ <!-- <span class="font-24 text-grey" style="position: relative; top: 1px">
/USDT
- </span>
+ </span> -->
<!-- <span class="font-24 text-grey" style="position: relative; top: 1px">
{{ item.name && item.name.replace(item.symbol.toUpperCase(), '') || '--' }}</span> -->
</span>
diff --git a/src/components/Transform/mining-exchange-input/index.vue b/src/components/Transform/mining-exchange-input/index.vue
index 7d7653f..9fbf227 100644
--- a/src/components/Transform/mining-exchange-input/index.vue
+++ b/src/components/Transform/mining-exchange-input/index.vue
@@ -254,7 +254,7 @@
.exchange-pop {
.tab-list {
- background: #0D1323;
+ background: #eee;
border-radius: 140px;
height: 180px;
@@ -265,8 +265,8 @@
}
.active {
- background: #262D47;
-
+ background: #3640f0;
+ color: #fff;
border-radius: 140px;
}
}
@@ -277,8 +277,8 @@
}
.search-input {
- color: $text_color;
- background: #0D1323;
+ // color: #fff;
+ background: #f5f5f5;
border-radius: 80px;
height: 100px !important;
display: flex;
diff --git a/src/components/Transform/perpetual-open/index.vue b/src/components/Transform/perpetual-open/index.vue
index f5c1982..5c53bf9 100644
--- a/src/components/Transform/perpetual-open/index.vue
+++ b/src/components/Transform/perpetual-open/index.vue
@@ -54,12 +54,12 @@
</div>
<div class="w-440 flex items-center greyBg h-76 lh-76 rounded-lg" style="background-color:#f5f5f5;" v-if="initFutrue" >
- <div v-if="selectIndex == 1 && initFutrue.para && initFutrue.para.length > 0"
+ <!-- <div v-if="selectIndex == 1 && initFutrue.para && initFutrue.para.length > 0"
class="w-80 flex items-center justify-center" style="height:100%;" @click="onReduce">
<img src="../../../assets/image/public/reduce.png" alt="add" class="w-30 h-6" />
- </div>
- <input v-if="selectIndex == 1" :placeholder="$t('张数')" class="border-none greyBg text-center textColor"
- style="width: 156px;" v-model="form.amount" type="number" @input="onInput" />
+ </div> -->
+ <!-- <input v-if="selectIndex == 1" :placeholder="$t('张数')" class="border-none greyBg text-center textColor"
+ style="width: 156px;" v-model="form.amount" type="number" @input="onInput" /> -->
<input v-if="selectIndex == 2 && JSON.stringify(initFutrue.para) != '[]'"
:placeholder="($t('最少') + initFutrue && initFutrue.para ? $t('最小金额') + initFutrue.para[paraIndex].buy_min : '')"
class="border-none greyBg text-center textColor" style="width: 156px;background-color:#f5f5f5;" v-model="form.amount" type="number"
@@ -74,13 +74,13 @@
</div>
</div>
<template v-if="selectIndex == 1">
- <div class="mt-40 mb-30 w-full flex justify-between items-center">
+ <!-- <div class="mt-40 mb-30 w-full flex justify-between items-center">
<span class="font-22 font-400 text-grey">{{ $t("可开张数") }}</span>
<span class="font-22 font-400 textColor">
- {{ initData.volume }}
+ {{ initData.volume || 0}}
{{ $t("张") }}
</span>
- </div>
+ </div> -->
<!-- <vue-slider v-bind="options" v-model="form.amount"></vue-slider> -->
<!-- <vue-slider class="mainBox" v-bind="options" :marks="marks" v-model="form.volume" :hide-label="true" width="90%"
:railStyle="{ background: '#404040', height: '4px' }"
@@ -124,6 +124,7 @@
<div>{{ $t("可用USDT") }}</div>
<div class="textColor">{{ initFutrue.amount }} {{ queryType === 'cryptos' ? 'USDT' : 'USD' }}</div>
</div>
+ <!-- {{JSON.stringify(initFutrue.para) != '[]'}} {{JSON.stringify(initFutrue.para)}} -->
<div class="flex font-24 text-grey justify-between mt-20"
v-if="selectIndex == 2 && JSON.stringify(initFutrue.para) != '[]'">
<div>{{ $t("手续费") }}</div>
@@ -131,7 +132,7 @@
{{
(
form.amount *
- (initFutrue && initFutrue.para
+ (initFutrue?.para.length>0
? initData.para[paraIndex].unit_fee
: "")
).toFixed(2)
@@ -436,27 +437,32 @@
'$route'(val) {
this.getHomeList(val.params.symbol);
},
- initData(val) {
- if (val.lever.length > 0) {
- val.lever = val.lever.sort(this.orderListAsc('lever_rate'))
- }
+ // initData(val) {
+ // if (val && val.lever && val.lever.length > 0) {
+ // val.lever = val.lever.sort(this.orderListAsc('lever_rate'))
+ // }
- }
+ // }
},
computed: {
...mapGetters('user', ['userInfo']),
...mapGetters('home', ['currency']),
initData() {
- let obj = null
if (this.selectIndex / 1 === 1) {
-
- obj = this.initOpen
- if (!obj.lever || !obj.lever.length) { // 倍数
- obj.lever = [{ id: 1, lever_rate: 1 }]
+ const obj = this.initOpen ? { ...this.initOpen } : { lever: [{ id: 1, lever_rate: 1 }] };
+ if (!obj.lever || !Array.isArray(obj.lever) || !obj.lever.length) {
+ obj.lever = [{ id: 1, lever_rate: 1 }];
+ } else {
+ obj.lever = [...obj.lever].sort(this.orderListAsc('lever_rate'));
}
- return obj
+ return obj;
}
- return this.initFutrue
+ // 交割合约
+ if (this.initFutrue && Array.isArray(this.initFutrue.para) && this.initFutrue.para.length > 0) {
+ return this.initFutrue;
+ }
+ // 返回一个默认对象，避免模板报错
+ return {};
},
coudBuyVolume() { // 可买数量
return Math.floor((this.initOpen.volume / 1) / this.form.lever_rate)
diff --git a/src/config/index.js b/src/config/index.js
index cb1ded3..06555ad 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -35,7 +35,8 @@
// const ENV_DEV = 'zhapi.coinbtcs.com' // dev
// const ENV_DEV = 'openapi.yanshiz.com' // dev
-const ENV_DEV = '192.168.10.18:8086' // dev
+const ENV_DEV = '192.168.10.24:8086' // dev
+// const ENV_DEV = 'aa.yanshiz.com' // dev
// const ENV_PRO = 'qheufhj.site' // app域名
diff --git a/src/views/cryptos/PerpetualContract/index.vue b/src/views/cryptos/PerpetualContract/index.vue
index c70bf4f..86f95b1 100644
--- a/src/views/cryptos/PerpetualContract/index.vue
+++ b/src/views/cryptos/PerpetualContract/index.vue
@@ -16,7 +16,7 @@
<p class="first-line red">{{ formatMoney(chartData?.close) }}</p>
<p class="second-line">
<span class="red">{{ chartData?.netChange }}</span>
- <span class="red">{{ `${chartData?.change_ratio}%` }}</span>
+ <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span>
</p>
</div>
<div @click="handleClickShowMore()" class="line-r">
@@ -35,7 +35,7 @@
<p class="first-line red">{{ formatMoney(chartData?.close) }}</p>
<p class="second-line">
<span class="red">{{ chartData?.netChange }}</span>
- <span class="red">{{ `${chartData?.change_ratio}%` }}</span>
+ <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span>
</p>
</div>
<div class="flex-r">
@@ -104,7 +104,7 @@
<p class="first-line red">{{ formatMoney(chartData?.close) }}</p>
<p class="second-line">
<span class="red">{{ chartData?.netChange }}</span>
- <span class="red">{{ `${chartData?.change_ratio}%` }}</span>
+ <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span>
</p>
</div>
<div @click="handleClickShowMore()" class="line-r">
@@ -123,7 +123,7 @@
<p class="first-line red">{{ formatMoney(chartData?.close) }}</p>
<p class="second-line">
<span class="red">{{ chartData?.netChange }}</span>
- <span class="red">{{ `${chartData?.change_ratio}%` }}</span>
+ <span class="red">{{ `${chartData?.change_ratio_str}%` }}</span>
</p>
</div>
<div class="flex-r">
@@ -372,7 +372,7 @@
methods: {
...mapActions('home', [SET_COIN_LIST]),
onUpdate(symbol) { // 更新
- debugger
+ // debugger
this.currentType = 'long'
this.closeSocket()
// this.clearTimer()
@@ -489,10 +489,11 @@
})
},
handleQoutes(data) {
+ // console.log('handleQoutes: ', data);
if (data && data.length) {
const cur = data[0]
this.price = cur.close
- this.range = cur.change_ratio + ''
+ this.range = cur.changeRatioStr + ''
this.quote = cur
this.updateKey++
}
@@ -580,7 +581,7 @@
// }, 3000);
// })
}
- initFun()
+ // initFun()
}
if (type === 'close' || !type) {
let initFunTimer = null;
@@ -591,14 +592,14 @@
clearTimeout(initFunTimer)
initFunTimer = null
}).catch(err => {
- initFunTimer = setTimeout(() => {
- initFun()
- }, 3000);
+ // initFunTimer = setTimeout(() => {
+ // initFun()
+ // }, 3000);
})
}
- initFunTimer = setTimeout(() => {
- initFun()
- }, 600);
+ // initFunTimer = setTimeout(() => {
+ // initFun()
+ // }, 600);
}
if (type === 'futrue' || !type) {
_futrueOrderInit(symbol).then(data => {
@@ -686,17 +687,18 @@
this.closeSocket()
this.clearTimer()
- this.symbol = symbol
- this.fetchQoutes(symbol)
- this.fetchDeepData(symbol)
- this.initParam(symbol) // 'open'
- this.clearTimer()
+ const _symbol = symbol || this.symbol
+ console.log('init: ',this.symbol, symbol)
+ this.fetchQoutes(_symbol)
+ this.fetchDeepData(_symbol)
+ this.initParam(_symbol) // 'open'
+ // this.clearTimer()
//if (this.curTab === 'fetchOrderListCur') {
if (this.curTab === 'fetchOrderListHold') {
//this.fetchOrderListCur(symbol)
- this.fetchOrderListHold(symbol)
+ this.fetchOrderListHold(_symbol)
} else {
- this.fetchFutrueHoldList(symbol)
+ this.fetchFutrueHoldList(_symbol)
}
},
diff --git a/src/views/cryptos/Trade/index.vue b/src/views/cryptos/Trade/index.vue
index cab2d98..7754420 100644
--- a/src/views/cryptos/Trade/index.vue
+++ b/src/views/cryptos/Trade/index.vue
@@ -28,7 +28,7 @@
<div class="mt-20 mb-22 select-box" style="position:relative;">
<div class=" flex justify-between items-center w-full h-70" @click="selectBtn">
<!-- <img src="@/assets/image/public/warn.png" alt="warn-icon" class="w-25 h-25 pl-20"/> -->
- <div class="pl-16 font-28 textColor" style="width:80%;">{{ title }}</div>
+ <div class="pl-16 font-28 textColor" style="width:80%;color: #333;">{{ title }}</div>
<img src="../../../assets/image/public/grey-select.png" alt="select-icon" class="w-22 h-11 mr-20" />
</div>
<div class="option-box" v-show="isShow">
@@ -626,8 +626,8 @@
.active-line {
position: relative;
// padding-bottom: 18px;
- color: $text_color;
- background-color: $color_main
+ color: #fff;
+ background-color: $btn_main;
}
.active-line::after {
diff --git a/src/views/cryptos/TrendDetails/index.vue b/src/views/cryptos/TrendDetails/index.vue
index 3fddfce..25845ca 100644
--- a/src/views/cryptos/TrendDetails/index.vue
+++ b/src/views/cryptos/TrendDetails/index.vue
@@ -4,13 +4,13 @@
<trade-head :backFunc="() => $router.push('/')" :symbol="symbol" :islevel="true" @update-coin="onUpdate"
@data="quote = $event" :title="$t('永续')" @changeLine="onChangeLine" :isNight="isNight" :isChange="isChange"
:kineType="kineType" :tabIndex="tab" @changeNight="OnchangeNight" />
- <div class="flex justify-between px-32 pt-40" v-if="!kineType">
+ <!-- <div class="flex justify-between px-32 pt-40" v-if="!kineType">
<div class="w-368 h-80 mr-32 font-28 flex justify-center items-center rounded box-border tabBtn"
:class="tab === '1' ? 'activeBtn' : ''" @click="onTab('1')">{{ $t('永续合约') }}</div>
<div class="w-368 h-80 font-28 flex justify-center items-center rounded box-border tabBtn"
:class="tab === '2' ? 'activeBtn' : ''" @click="onTab('2')">{{ queryType == 'cryptos' ? $t('交割合约') : $t('期货交易')
}}</div>
- </div>
+ </div> -->
<!-- 数据区 -->
<div :class="{ slide2: animated1, slide1: animated2 }">
<div class="data-index">
@@ -33,7 +33,7 @@
<p>{{ quote.high || '--' }}</p>
</div>
<div class="flex w-1/2 flex-col justify-between w-220 buy-title">
- <p class="text-grey">{{ $t('24h成交量') }}({{ symbolData && symbolData.toUpperCase() || '--' }})</p>
+ <p class="text-grey">{{ $t('24h成交量') }}</p>
<p>{{ quote.amount && quote.amount.toFixed(3) || '--' }}</p>
</div>
</div>
@@ -284,7 +284,7 @@
order_no: '',
timer: null,
isChangeLine: false,
- isNight: true,
+ isNight: false,
isChange: true, //是否有切换黑夜白天模式
kineType: '',
deepBuy: [],
diff --git a/src/views/cryptos/Withdraw/withdrawPage.vue b/src/views/cryptos/Withdraw/withdrawPage.vue
index e0ffef4..1a1cc96 100644
--- a/src/views/cryptos/Withdraw/withdrawPage.vue
+++ b/src/views/cryptos/Withdraw/withdrawPage.vue
@@ -417,4 +417,7 @@
background: $btn_main;
}
}
+:deep(.van-action-sheet__name) {
+ color: #fff;
+}
</style>
diff --git a/src/views/cryptos/index.vue b/src/views/cryptos/index.vue
index d0183ef..e76dcf5 100644
--- a/src/views/cryptos/index.vue
+++ b/src/views/cryptos/index.vue
@@ -136,14 +136,14 @@
async fetchQList(v) { // 获取行情
let coninArr = ''
if (v) { this.getVal = v }
- if(this.getVal == 2) {
+ // if(this.getVal == 2) {
let arr = getStorage('qoutes').coins
arr.map((item) => {
coninArr += item.symbol + ','
})
- }else{
- coninArr = this.coinArr.join(',')
- }
+ // }else{
+ // coninArr = this.coinArr.join(',')
+ // }
console.log('fetchQList', v, coninArr)
// if()
const list = await _getHomeList(coninArr).catch(() => {
diff --git a/src/views/forget/index.vue b/src/views/forget/index.vue
index db5a625..ebcba00 100644
--- a/src/views/forget/index.vue
+++ b/src/views/forget/index.vue
@@ -4,11 +4,11 @@
</fx-header>
<div class="forgetCont">
<div class="title textColor">{{ $t('resetLoginPassword') }}</div>
- <div class="flex re-tab text-grey">
+ <!-- <div class="flex re-tab text-grey">
<div :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{ $t('email') }}</div>
<div :class="activeIndex == 1 ? 'active' : ''" @click="changeIndex(1)">{{ $t('phoneNum') }}</div>
<div :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{ $t('googleVerify') }}</div>
- </div>
+ </div> -->
<ExInput :label="$t('account')" :placeholderText="$t('entryAccount')" v-model="account" :dialCode="dialCode"
@selectArea="onSelectArea" :area="isArea" :icon="icon" />
<van-button class="w-full" style="margin-top:10px;" type="primary" @click="next">{{ $t('nextStep') }}
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0b908f1..24d28ab 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -2,7 +2,7 @@
<div class="login">
<div class="top" @click="onRoute('/my/index')"><img src="../../assets/image/icon-close.png" alt="" /></div>
<div class="title textColor">{{ $t('login') }}</div>
- <div class="flex login-tab">
+ <!-- <div class="flex login-tab">
<div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
$t('account')
}}
@@ -13,7 +13,7 @@
$t('phoneNum')
}}
</div>
- </div>
+ </div> -->
<ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)" v-model="username"
:dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" />
<ExInput style="padding-bottom:0!important;" :label="$t('password')" :placeholderText="$t('entryPassword')"
diff --git a/src/views/optional/index.vue b/src/views/optional/index.vue
index bbaa8d1..1773b22 100644
--- a/src/views/optional/index.vue
+++ b/src/views/optional/index.vue
@@ -90,7 +90,7 @@
type: 'orders',
page_no: 1,
page_size: 'all',
- symbolType: 'cryptos'
+ symbolType: 'forex'
};
const response = await _contractOrder(params);
console.log(response, 'response')
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
index 8ce077e..4d6f534 100644
--- a/src/views/register/index.vue
+++ b/src/views/register/index.vue
@@ -3,7 +3,7 @@
<div class="top" @click="router.go(-1)"><img src="../../assets/image/icon-close.png" alt=""></div>
<Step :step="1"></Step>
<div class="title textColor">{{ $t('register') }}</div>
- <div class="flex re-tab">
+ <!-- <div class="flex re-tab">
<div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
$t('account')
}}</div>
@@ -12,7 +12,7 @@
<div class="textColor1" :class="activeIndex == 2 ? 'active' : ''" @click="changeIndex(2)">{{
$t('phoneNum')
}}</div>
- </div>
+ </div> -->
<ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)" v-model="username"
:area="isArea" :dialCode="dialCode" @selectArea="onSelectArea" :icon="icon" />
diff --git a/src/views/register/step.vue b/src/views/register/step.vue
index 185df20..fe7f013 100644
--- a/src/views/register/step.vue
+++ b/src/views/register/step.vue
@@ -53,6 +53,7 @@
.green {
background: $green;
+ color: #fff;
}
}
diff --git a/vite.config.js.timestamp-1751953010068.mjs b/vite.config.js.timestamp-1751953010068.mjs
new file mode 100644
index 0000000..4a0180e
--- /dev/null
+++ b/vite.config.js.timestamp-1751953010068.mjs
@@ -0,0 +1,73 @@
+// vite.config.js
+import { defineConfig } from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/vite/dist/node/index.js";
+import vue from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import path from "path";
+import Components from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/unplugin-vue-components/dist/vite.mjs";
+import { VantResolver } from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/unplugin-vue-components/dist/resolvers.mjs";
+import DefineOptions from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/unplugin-vue-define-options/dist/vite.mjs";
+import { visualizer } from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/rollup-plugin-visualizer/dist/plugin/index.js";
+import legacy from "file:///Users/apple/Desktop/%E6%82%85%E6%96%90%E8%B7%A8%E5%A2%83/composite_h5-main1/node_modules/@vitejs/plugin-legacy/dist/index.mjs";
+var __vite_injected_original_dirname = "/Users/apple/Desktop/\u6085\u6590\u8DE8\u5883/composite_h5-main1";
+var isVisualizer = process.env.VISUALIZER === "show";
+var vite_config_default = defineConfig({
+ base: "",
+ plugins: [
+ vue(),
+ Components({
+ resolvers: [VantResolver()]
+ }),
+ DefineOptions(),
+ isVisualizer && visualizer({ gzipSize: true }),
+ legacy({
+ targets: ["defaults", "not IE 11"]
+ })
+ ],
+ css: {
+ preprocessorOptions: {
+ scss: {
+ additionalData: `@import "@/assets/css/variable.scss";`
+ }
+ }
+ },
+ server: {
+ open: true,
+ port: 8085,
+ hmr: true,
+ host: "0.0.0.0",
+ proxy: {
+ "/api": {
+ target: "https://104.233.210.35:8085",
+ changeOrigin: true,
+ secure: false
+ }
+ }
+ },
+ resolve: {
+ dedupe: [
+ "vue"
+ ],
+ alias: {
+ "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js",
+ "~": path.resolve(__vite_injected_original_dirname, "./"),
+ "@": path.resolve(__vite_injected_original_dirname, "src")
+ }
+ },
+ build: {
+ assetsDir: "static",
+ rollupOptions: {
+ input: {
+ index: path.resolve(__vite_injected_original_dirname, "index.html")
+ },
+ output: {
+ chunkFileNames: "js/[name]-[hash].js",
+ entryFileNames: "js/[name]-[hash].js",
+ assetFileNames: "[ext]/name-[hash].[ext]"
+ }
+ }
+ },
+ externals: ["vue"]
+});
+export {
+ vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYXBwbGUvRGVza3RvcC9cdTYwODVcdTY1OTBcdThERThcdTU4ODMvY29tcG9zaXRlX2g1LW1haW4xXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvYXBwbGUvRGVza3RvcC9cdTYwODVcdTY1OTBcdThERThcdTU4ODMvY29tcG9zaXRlX2g1LW1haW4xL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9hcHBsZS9EZXNrdG9wLyVFNiU4MiU4NSVFNiU5NiU5MCVFOCVCNyVBOCVFNSVBMiU4My9jb21wb3NpdGVfaDUtbWFpbjEvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXG5pbXBvcnQgcGF0aCBmcm9tICdwYXRoJ1xuaW1wb3J0IENvbXBvbmVudHMgZnJvbSAndW5wbHVnaW4tdnVlLWNvbXBvbmVudHMvdml0ZSc7XG5pbXBvcnQgeyBWYW50UmVzb2x2ZXIgfSBmcm9tICd1bnBsdWdpbi12dWUtY29tcG9uZW50cy9yZXNvbHZlcnMnO1xuaW1wb3J0IERlZmluZU9wdGlvbnMgZnJvbSAndW5wbHVnaW4tdnVlLWRlZmluZS1vcHRpb25zL3ZpdGUnO1xuaW1wb3J0IHsgdmlzdWFsaXplciB9IGZyb20gJ3JvbGx1cC1wbHVnaW4tdmlzdWFsaXplcidcbmltcG9ydCBsZWdhY3kgZnJvbSAnQHZpdGVqcy9wbHVnaW4tbGVnYWN5JztcblxuY29uc3QgaXNWaXN1YWxpemVyID0gcHJvY2Vzcy5lbnYuVklTVUFMSVpFUiA9PT0gJ3Nob3cnXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xuICBiYXNlOiAnJywgIC8vSDVcdTYyNTNcdTUzMDVcdTc1MjhcbiAgLy8gYmFzZTogJy4vJywgLy8gQVBQXHU2MjUzXHU1MzA1XHU3NTI4XG4gIHBsdWdpbnM6IFtcbiAgICB2dWUoKSxcbiAgICBDb21wb25lbnRzKHtcbiAgICAgIHJlc29sdmVyczogW1ZhbnRSZXNvbHZlcigpXSxcbiAgICB9KSxcbiAgICBEZWZpbmVPcHRpb25zKCksXG4gICAgaXNWaXN1YWxpemVyICYmIHZpc3VhbGl6ZXIoeyBnemlwU2l6ZTogdHJ1ZSB9KSxcbiAgICBsZWdhY3koe1xuICAgICAgdGFyZ2V0czogWydkZWZhdWx0cycsICdub3QgSUUgMTEnXSxcbiAgICB9KSxcbiAgXSxcbiAgY3NzOiB7XG4gICAgcHJlcHJvY2Vzc29yT3B0aW9uczoge1xuICAgICAgc2Nzczoge1xuICAgICAgICBhZGRpdGlvbmFsRGF0YTogYEBpbXBvcnQgXCJAL2Fzc2V0cy9jc3MvdmFyaWFibGUuc2Nzc1wiO2BcbiAgICAgIH0sXG4gICAgfVxuICB9LFxuICBzZXJ2ZXI6IHtcbiAgICBvcGVuOiB0cnVlLFxuICAgIHBvcnQ6IDgwODUsXG4gICAgaG1yOiB0cnVlLFxuICAgIGhvc3Q6ICcwLjAuMC4wJyxcbiAgICBwcm94eToge1xuICAgICAgXCIvYXBpXCI6IHtcbiAgICAgICAgdGFyZ2V0OiBcImh0dHBzOi8vMTA0LjIzMy4yMTAuMzU6ODA4NVwiLFxuICAgICAgICAvLyB0YXJnZXQ6IFwiaHR0cDovLzE5OC4xMy4zOS4xMDk6ODA4MVwiLFxuICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXG4gICAgICAgIC8vIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC93YXAvLCBcIlwiKSxcbiAgICAgICAgc2VjdXJlOiBmYWxzZVxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICByZXNvbHZlOiB7XG4gICAgZGVkdXBlOiBbXG4gICAgICAndnVlJ1xuICAgIF0sXG4gICAgYWxpYXM6IHtcbiAgICAgICd2dWUtaTE4bic6ICd2dWUtaTE4bi9kaXN0L3Z1ZS1pMThuLmNqcy5qcycsXG4gICAgICBcIn5cIjogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJy4vJyksXG4gICAgICBcIkBcIjogcGF0aC5yZXNvbHZlKF9fZGlybmFtZSwgJ3NyYycpLFxuICAgIH1cbiAgfSxcbiAgYnVpbGQ6IHtcbiAgICBhc3NldHNEaXI6IFwic3RhdGljXCIsXG4gICAgcm9sbHVwT3B0aW9uczoge1xuICAgICAgaW5wdXQ6IHtcbiAgICAgICAgaW5kZXg6IHBhdGgucmVzb2x2ZShfX2Rpcm5hbWUsIFwiaW5kZXguaHRtbFwiKSxcbiAgICAgIH0sXG4gICAgICBvdXRwdXQ6IHtcbiAgICAgICAgY2h1bmtGaWxlTmFtZXM6ICdqcy9bbmFtZV0tW2hhc2hdLmpzJyxcbiAgICAgICAgZW50cnlGaWxlTmFtZXM6IFwianMvW25hbWVdLVtoYXNoXS5qc1wiLFxuICAgICAgICBhc3NldEZpbGVOYW1lczogXCJbZXh0XS9uYW1lLVtoYXNoXS5bZXh0XVwiXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG4gIGV4dGVybmFsczpbJ3Z1ZSddXG59KVxuXG5jb25zdCBnbG9iYWxTYXNzID0gY29uZmlnID0+IHtcbiAgY29uc3Qgb25lT2ZzTWFwID0gY29uZmlnLm1vZHVsZS5ydWxlKCdzY3NzJykub25lT2ZzLnN0b3JlXG4gIG9uZU9mc01hcC5mb3JFYWNoKGl0ZW0gPT4ge1xuICAgIGl0ZW1cbiAgICAgIC51c2UoJ3Nhc3MtcmVzb3VyY2VzLWxvYWRlcicpXG4gICAgICAubG9hZGVyKCdzYXNzLXJlc291cmNlcy1sb2FkZXInKVxuICAgICAgLm9wdGlvbnMoe1xuICAgICAgICByZXNvdXJjZXM6ICdAL2Fzc2V0cy9jc3MvaW5pdC5zY3NzJ1xuICAgICAgfSlcbiAgICAgIC5lbmQoKVxuICB9KTtcbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBc1YsU0FBUyxvQkFBb0I7QUFDblgsT0FBTyxTQUFTO0FBQ2hCLE9BQU8sVUFBVTtBQUNqQixPQUFPLGdCQUFnQjtBQUN2QixTQUFTLG9CQUFvQjtBQUM3QixPQUFPLG1CQUFtQjtBQUMxQixTQUFTLGtCQUFrQjtBQUMzQixPQUFPLFlBQVk7QUFQbkIsSUFBTSxtQ0FBbUM7QUFTekMsSUFBTSxlQUFlLFFBQVEsSUFBSSxlQUFlO0FBQ2hELElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLE1BQU07QUFBQSxFQUVOLFNBQVM7QUFBQSxJQUNQLElBQUk7QUFBQSxJQUNKLFdBQVc7QUFBQSxNQUNULFdBQVcsQ0FBQyxhQUFhLENBQUM7QUFBQSxJQUM1QixDQUFDO0FBQUEsSUFDRCxjQUFjO0FBQUEsSUFDZCxnQkFBZ0IsV0FBVyxFQUFFLFVBQVUsS0FBSyxDQUFDO0FBQUEsSUFDN0MsT0FBTztBQUFBLE1BQ0wsU0FBUyxDQUFDLFlBQVksV0FBVztBQUFBLElBQ25DLENBQUM7QUFBQSxFQUNIO0FBQUEsRUFDQSxLQUFLO0FBQUEsSUFDSCxxQkFBcUI7QUFBQSxNQUNuQixNQUFNO0FBQUEsUUFDSixnQkFBZ0I7QUFBQSxNQUNsQjtBQUFBLElBQ0Y7QUFBQSxFQUNGO0FBQUEsRUFDQSxRQUFRO0FBQUEsSUFDTixNQUFNO0FBQUEsSUFDTixNQUFNO0FBQUEsSUFDTixLQUFLO0FBQUEsSUFDTCxNQUFNO0FBQUEsSUFDTixPQUFPO0FBQUEsTUFDTCxRQUFRO0FBQUEsUUFDTixRQUFRO0FBQUEsUUFFUixjQUFjO0FBQUEsUUFFZCxRQUFRO0FBQUEsTUFDVjtBQUFBLElBQ0Y7QUFBQSxFQUNGO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUCxRQUFRO0FBQUEsTUFDTjtBQUFBLElBQ0Y7QUFBQSxJQUNBLE9BQU87QUFBQSxNQUNMLFlBQVk7QUFBQSxNQUNaLEtBQUssS0FBSyxRQUFRLGtDQUFXLElBQUk7QUFBQSxNQUNqQyxLQUFLLEtBQUssUUFBUSxrQ0FBVyxLQUFLO0FBQUEsSUFDcEM7QUFBQSxFQUNGO0FBQUEsRUFDQSxPQUFPO0FBQUEsSUFDTCxXQUFXO0FBQUEsSUFDWCxlQUFlO0FBQUEsTUFDYixPQUFPO0FBQUEsUUFDTCxPQUFPLEtBQUssUUFBUSxrQ0FBVyxZQUFZO0FBQUEsTUFDN0M7QUFBQSxNQUNBLFFBQVE7QUFBQSxRQUNOLGdCQUFnQjtBQUFBLFFBQ2hCLGdCQUFnQjtBQUFBLFFBQ2hCLGdCQUFnQjtBQUFBLE1BQ2xCO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFBQSxFQUNBLFdBQVUsQ0FBQyxLQUFLO0FBQ2xCLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
--
Gitblit v1.9.3