scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix stock-quote i18n

Browse Source
This commit is contained in:
yuanshan 2025-10-15 14:48:23 +08:00
parent 56609fed31
commit 79210d8402
8 changed files with 92 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/locales/en.js
View File

@ -517,6 +517,16 @@ export default {
},
},
},
stock_quote: {
title: "Stock Quote",
nasdaq: "NASDAQ: FIEE",
open: "Open",
change: "% Change",
volume: "Volume",
week_range: "52-Week Range",
days_range: "Day's Range",
market_cap: "Market Cap",
},
header_menu: {
corporate_information: {
title: "Corporate Information",

10
src/locales/ja.js
View File

@ -467,4 +467,14 @@ export default {
},
},
},
stock_quote: {
title: '株価',
nasdaq: 'ナスダック: FIEE',
open: '始値',
change: '変動率',
volume: '出来高',
week_range: '52週レンジ',
days_range: '当日レンジ',
market_cap: '時価総額',
},
}

10
src/locales/zh-TW.js
View File

@ -463,4 +463,14 @@ export default {
},
},
},
stock_quote: {
title: '股票報價',
nasdaq: '納斯達克: FIEE',
open: '開盤',
change: '漲跌幅',
volume: '成交量',
week_range: '52週範圍',
days_range: '當日範圍',
market_cap: '市值',
},
}

10
src/locales/zh.js
View File

@ -469,4 +469,14 @@ export default {
},
},
},
stock_quote: {
title: '股票报价',
nasdaq: '纳斯达克: FIEE',
open: '开盘',
change: '涨跌幅',
volume: '成交量',
week_range: '52周范围',
days_range: '当日范围',
market_cap: '市值',
},
}

18
src/views/stock-quote/size1440/index.vue
View File

@ -1,5 +1,7 @@
<script setup>
import { useStockQuote } from "@/store/stock-quote/index.js";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const { getStockQuate, stockQuote, formatted } = useStockQuote();
getStockQuate();
</script>
@ -10,21 +12,21 @@ getStockQuate();
<!-- 标题区域 -->
<div class="title-section">
<div class="title-decoration"></div>
<div class="stock-title">Stock Quote</div>
<div class="stock-title">{{ t("stock_quote.title") }}</div>
</div>
<section class="quote-layout">
<div class="price-card">
<div class="price-value">${{ stockQuote.price }}</div>
<div class="price-market">NASDAQ: FIEE</div>
<div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
<div class="price-time">{{ formatted }}</div>
</div>
<div class="stats-table">
<div class="stats-cell">
<span class="stat-title">Open</span>
<span class="stat-title">{{ t("stock_quote.open") }}</span>
<span class="stat-value">{{ stockQuote.open }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">% Change</span>
<span class="stat-title">{{ t("stock_quote.change") }}</span>
<span
class="stat-value"
:class="
@ -41,19 +43,19 @@ getStockQuate();
</span>
</div>
<div class="stats-cell">
<span class="stat-title">Day's Range</span>
<span class="stat-title">{{ t("stock_quote.days_range") }}</span>
<span class="stat-value">{{ stockQuote.daysRange }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">52-Week Range</span>
<span class="stat-title">{{ t("stock_quote.week_range") }}</span>
<span class="stat-value">{{ stockQuote.week52Range }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">Volume</span>
<span class="stat-title">{{ t("stock_quote.volume") }}</span>
<span class="stat-value">{{ stockQuote.volume }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">Market Cap</span>
<span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
<span class="stat-value">{{ stockQuote.marketCap }}</span>
</div>
</div>

18
src/views/stock-quote/size1920/index.vue
View File

@ -1,5 +1,7 @@
<script setup>
import { useStockQuote } from "@/store/stock-quote/index.js";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const { getStockQuate, stockQuote, formatted } = useStockQuote();
console.log(stockQuote);
getStockQuate();
@ -11,21 +13,21 @@ getStockQuate();
<!-- 标题区域 -->
<div class="title-section">
<div class="title-decoration"></div>
<div class="stock-title">Stock Quote</div>
<div class="stock-title">{{ t("stock_quote.title") }}</div>
</div>
<section class="quote-layout">
<div class="price-card">
<div class="price-value">${{ stockQuote.price }}</div>
<div class="price-market">NASDAQ: FIEE</div>
<div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
<div class="price-time">{{ formatted }}</div>
</div>
<div class="stats-table">
<div class="stats-cell">
<span class="stat-title">Open</span>
<span class="stat-title">{{ t("stock_quote.open") }}</span>
<span class="stat-value">{{ stockQuote.open }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">% Change</span>
<span class="stat-title">{{ t("stock_quote.change") }}</span>
<span
class="stat-value"
:class="
@ -42,19 +44,19 @@ getStockQuate();
</span>
</div>
<div class="stats-cell">
<span class="stat-title">Volume</span>
<span class="stat-title">{{ t("stock_quote.volume") }}</span>
<span class="stat-value">{{ stockQuote.volume }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">52-Week Range</span>
<span class="stat-title">{{ t("stock_quote.week_range") }}</span>
<span class="stat-value">{{ stockQuote.week52Range }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">Day's Range</span>
<span class="stat-title">{{ t("stock_quote.days_range") }}</span>
<span class="stat-value">{{ stockQuote.daysRange }}</span>
</div>
<div class="stats-cell">
<span class="stat-title">Market Cap</span>
<span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
<span class="stat-value">{{ stockQuote.marketCap }}</span>
</div>
</div>

24
src/views/stock-quote/size375/index.vue
View File

@ -1,6 +1,8 @@
<script setup>
import { onMounted } from "vue";
import { useStockQuote } from "@/store/stock-quote/index.js";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const { getStockQuate, stockQuote, formatted } = useStockQuote();
onMounted(() => {
getStockQuate();
@ -12,33 +14,35 @@ onMounted(() => {
<div class="content-wrapper">
<div class="title-section">
<div class="title-decoration"></div>
<div class="title-text">Stock Quote</div>
<div class="title-text">{{ t("stock_quote.title") }}</div>
</div>
<div class="data-section">
<div class="price-card">
<div class="price-value">${{ stockQuote.price }}</div>
<div class="price-nasdaq">NASDAQ: FIEE</div>
<div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
<div class="price-date">{{ formatted }}</div>
</div>
<div class="details-grid">
<div class="details-column">
<div class="detail-item">
<span class="detail-label">Open</span>
<span class="detail-label">{{ t("stock_quote.open") }}</span>
<span class="detail-value">{{ stockQuote.open }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Day's Range</span>
<span class="detail-label">{{
t("stock_quote.days_range")
}}</span>
<span class="detail-value">{{ stockQuote.daysRange }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Volume</span>
<span class="detail-label">{{ t("stock_quote.volume") }}</span>
<span class="detail-value">{{ stockQuote.volume }}</span>
</div>
</div>
<div class="details-column">
<div class="detail-item">
<span class="detail-label">% Change</span>
<span class="detail-label">{{ t("stock_quote.change") }}</span>
<span
class="detail-value"
:class="{
@ -50,11 +54,15 @@ onMounted(() => {
</span>
</div>
<div class="detail-item">
<span class="detail-label">52-Week Range</span>
<span class="detail-label">{{
t("stock_quote.week_range")
}}</span>
<span class="detail-value">{{ stockQuote.week52Range }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Market Cap</span>
<span class="detail-label">{{
t("stock_quote.market_cap")
}}</span>
<span class="detail-value">{{ stockQuote.marketCap }}</span>
</div>
</div>

24
src/views/stock-quote/size768/index.vue
View File

@ -2,6 +2,8 @@
import { NCarousel, NDivider, NMarquee, NPopselect } from "naive-ui";
import { onUnmounted, ref, watch, onMounted, computed } from "vue";
import { useStockQuote } from "@/store/stock-quote/index.js";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const { getStockQuate, stockQuote, formatted } = useStockQuote();
getStockQuate();
</script>
@ -11,33 +13,35 @@ getStockQuate();
<div class="content-wrapper">
<div class="title-section">
<div class="title-decoration"></div>
<div class="title-text">Stock Quote</div>
<div class="title-text">{{ t("stock_quote.title") }}</div>
</div>
<div class="data-section">
<div class="price-card">
<div class="price-value">${{ stockQuote.price }}</div>
<div class="price-nasdaq">NASDAQ: FIEE</div>
<div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
<div class="price-date">{{ formatted }}</div>
</div>
<div class="details-grid">
<div class="details-column">
<div class="detail-item">
<span class="detail-label">Open</span>
<span class="detail-label">{{ t("stock_quote.open") }}</span>
<span class="detail-value">{{ stockQuote.open }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Day's Range</span>
<span class="detail-label">{{
t("stock_quote.days_range")
}}</span>
<span class="detail-value">{{ stockQuote.daysRange }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Volume</span>
<span class="detail-label">{{ t("stock_quote.volume") }}</span>
<span class="detail-value">{{ stockQuote.volume }}</span>
</div>
</div>
<div class="details-column">
<div class="detail-item">
<span class="detail-label">% Change</span>
<span class="detail-label">{{ t("stock_quote.change") }}</span>
<span
class="detail-value"
:class="{
@ -49,11 +53,15 @@ getStockQuate();
</span>
</div>
<div class="detail-item">
<span class="detail-label">52-Week Range</span>
<span class="detail-label">{{
t("stock_quote.week_range")
}}</span>
<span class="detail-value">{{ stockQuote.week52Range }}</span>
</div>
<div class="detail-item">
<span class="detail-label">Market Cap</span>
<span class="detail-label">{{
t("stock_quote.market_cap")
}}</span>
<span class="detail-value">{{ stockQuote.marketCap }}</span>
</div>
</div>