1

admin

2026-01-07 cc9e88924fd45b2893d2fb4213ca980e026611a4

 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;
  }