From cc9e88924fd45b2893d2fb4213ca980e026611a4 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Wed, 07 Jan 2026 10:24:45 +0800
Subject: [PATCH] 1
---
src/components/trade/us-stock-ex-nav/index.vue | 49 ++++++++++++++++++++-----------------------------
1 files changed, 20 insertions(+), 29 deletions(-)
diff --git a/src/components/trade/us-stock-ex-nav/index.vue b/src/components/trade/us-stock-ex-nav/index.vue
index 1d538c9..3e27045 100644
--- a/src/components/trade/us-stock-ex-nav/index.vue
+++ b/src/components/trade/us-stock-ex-nav/index.vue
@@ -6,7 +6,7 @@
<div class="mt-10 text-center title">{{ item.name }}</div>
</div>
</div>
-
+
<!-- ATS 购买弹框 -->
<van-popup v-model:show="showAtsModal" round position="center" :style="{ width: '90%', maxWidth: '500px' }">
<div class="ats-modal">
@@ -17,12 +17,7 @@
<div class="modal-content">
<div class="input-group">
<label class="input-label">{{ $t('购买金额') }}</label>
- <van-field
- v-model="atsAmount"
- type="number"
- :placeholder="$t('请输入购买金额')"
- class="amount-input"
- />
+ <van-field v-model="atsAmount" type="number" :placeholder="$t('请输入购买金额')" class="amount-input" />
</div>
</div>
<div class="modal-footer">
@@ -76,7 +71,7 @@
{
name: this.$t('期货交易'),
icon: new URL(`../../../assets/theme/${thStore.theme}/image/etfNav/icon3-3.png`, import.meta.url),
- path: `/cryptos/perpetualContract/${val.symbol}?type=US-stocks&selectIndex=2`
+ path: `/cryptos/perpetualContract/${val.symbol}?type=US-stocks&selectIndex=2`
},
{
name: this.$t('账变记录'),
@@ -88,11 +83,11 @@
icon: new URL(`../../../assets/theme/${thStore.theme}/image/etfNav/icon5-5.png`, import.meta.url),
path: `/ipo?stock=US-stocks&stockActive=${this.$props.stockActive}`
},
- {
- name: this.$t('新股库存'),
- icon: new URL(`../../../assets/theme/${thStore.theme}/image/etfNav/icon6-6.png`, import.meta.url),
- path: `/ipo/stock?type=newStock&stock=US-stocks&stockActive=${this.$props.stockActive}`
- },
+ // {
+ // name: this.$t('新股库存'),
+ // icon: new URL(`../../../assets/theme/${thStore.theme}/image/etfNav/icon6-6.png`, import.meta.url),
+ // path: `/ipo/stock?type=newStock&stock=US-stocks&stockActive=${this.$props.stockActive}`
+ // },
{
name: 'ATS',
icon: new URL(`../../../assets/theme/${thStore.theme}/image/etfNav/icon6-6.png`, import.meta.url),
@@ -153,7 +148,7 @@
})
return
}
-
+
// 调用ATS购买接口
_stockAts({
price: this.atsAmount
@@ -190,16 +185,12 @@
align-items: center;
color: $text_color;
flex-shrink: 0;
-
- // 前4个按钮，每行4个
- &:nth-child(-n+4) {
- width: 25%;
- }
+ width: 25%;
// 第5个及之后的按钮，每行5个
- &:nth-child(n+5) {
- width: 20%;
- }
+ // &:nth-child(n+5) {
+ // width: 20%;
+ // }
&:last-child {
margin-right: 0px;
@@ -236,20 +227,20 @@
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
-
+
.modal-title {
font-size: 18px;
font-weight: bold;
color: #21262F;
}
-
+
.close-icon {
cursor: pointer;
color: #999;
font-size: 24px;
line-height: 1;
user-select: none;
-
+
&:hover {
color: #666;
}
@@ -258,7 +249,7 @@
.modal-content {
margin-bottom: 20px;
-
+
.input-group {
.input-label {
display: block;
@@ -266,7 +257,7 @@
color: #666;
margin-bottom: 8px;
}
-
+
.amount-input {
width: 100%;
}
@@ -276,13 +267,13 @@
.modal-footer {
display: flex;
gap: 12px;
-
+
.cancel-btn {
flex: 1;
border: 1px solid #ddd;
color: #666;
}
-
+
.buy-btn {
flex: 1;
}
--
Gitblit v1.9.3