1

admin

2026-02-10 c547081aa61be5c7b6d4c12853c675954c2156eb

 src/views/optional/index.vue

@@ -56,11 +56,10 @@
                    <m-echarts :dataObj="item" :ratio="item.change_ratio" :index="item.symbol" />
                  </div>
                  <div class="flex-r-item data-box">
                    <div class="data-item" :class="[item.change_ratio < 0 ? 'bg-red' : 'bg-green']">{{ item.close }}
                    </div>
                    <div class="data-item" :class="[item.change_ratio < 0 ? 'bg-red' : 'bg-green']">{{ item.close }}</div>
                    <p class="value" :class="[item.change_ratio < 0 ? 'color-red' : 'color-green']">
                      {{ item.change_ratio < 0 ? item.net_change : '+' + item.net_change }} &nbsp; {{ item.change_ratio
                        }}%</p>
                      }}%</p>
                  </div>
                </div>
              </li>
@@ -70,7 +69,7 @@
            <div class="add-icon icon">
              <img src="@/assets/image/optional/add.png" alt="">
            </div>
            <span @click="onRoute('/optional/search?symbolType=indices')">{{ t('addStock') }}</span>
            <span @click="onRoute('/optional/search?symbolType=indices')">{{ t('add') }}</span>
          </div>
        </section>
      </div>
@@ -87,23 +86,23 @@
          <p>{{ t('myPortfolio') }}</p>
          <div class="sidebar">
            <van-sidebar v-model="activeSideBarIndex">
              <van-sidebar-item @click="openType('all', 'ETF')" :title="t('全部股票')" />
              <van-sidebar-item @click="openType('all', 'ETF')" :title="t('all')" />
              <van-sidebar-item :title="`${item.listName}(${item.symbolCount})`" @click="openId(item)"
                v-for="(item, index) in optionalList" :key="index" />
              <van-sidebar-item @click="openType('indices', 'ETF')" :title="`ETF(${fixedData.indices || 0})`" />
              <van-sidebar-item @click="openType('US-stocks', t('UsStocks'))"
              <!-- <van-sidebar-item @click="openType('US-stocks', t('UsStocks'))"
                :title="`${t('UsStocks')}(${fixedData['US-stocks'] || 0})`" />
              <van-sidebar-item @click="openType('HK-stocks', t('HkStocks'))"
                :title="`${t('HkStocks')}(${fixedData['HK-stocks'] || 0})`" />
              <van-sidebar-item @click="openType('TW-stocks', t('TwStocks'))"
                :title="`${t('台股')}(${fixedData['TW-stocks'] || 0})`" />
              <van-sidebar-item @click="openType('A-stocks', t('AStocks'))"
                :title="`${t('A股')}(${fixedData['A-stocks'] || 0})`" />
                :title="`${t('A股')}(${fixedData['A-stocks'] || 0})`" /> -->
              <van-sidebar-item @click="openType('cryptos', t('digitalCurrency'))"
                :title="`${t('digitalCurrency')}(${fixedData.cryptos || 0})`" />
              <van-sidebar-item @click="openType('forex', t('外汇'))" :title="`${t('外汇')}(${fixedData.forex || 0})`" />
              <van-sidebar-item @click="openType('INDIA-stocks', t('印度股'))"
                :title="`${t('印度股')}(${fixedData['INDIA-stocks'] || 0})`" />
              <!-- <van-sidebar-item @click="openType('INDIA-stocks', t('印度股'))"
                                :title="`${t('印度股')}(${fixedData['INDIA-stocks'] || 0})`" /> -->
            </van-sidebar>
          </div>
          <footer class="footer-container">
@@ -128,7 +127,7 @@
    </div>
  </section>
</template>

    
<script setup>
import { ref, onMounted, onBeforeUnmount } from 'vue';
import { useUserStore } from '@/store/user';
@@ -144,9 +143,6 @@
import { HOST_URL } from '@/config'
import { themeStore } from '@/store/theme';
const thStore = themeStore()

console.log("dddddd", HOST_URL);


const { t } = useI18n()
const router = useRouter()
@@ -214,7 +210,7 @@
  optionalList.value = []
  if (!useStore.userInfo.token) { //没登陆
    optionalType.value = 3
    optionalName.value = t('全部股票')
    optionalName.value = t('all')
    let obj = [
      { symbol: 'AAPL' },
      { symbol: 'MSFT' },
@@ -287,7 +283,7 @@
  show.value = false
  if (val === 'all') {
    optionalType.value = 3
    optionalName.value = t('全部股票')
    optionalName.value = t('all')
    let obj = [
      { symbol: 'AAPL' },
      { symbol: 'MSFT' },
@@ -449,12 +445,7 @@
      font-weight: 700;
      font-size: 20px;
      line-height: 28px;
      height: 28px;
      color: $mainTextColor;
      width: 75vw;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .icon-group {