Compare commits
No commits in common. "95fa3d3e5ea29f575a01b0c0e7448fa65fca4039" and "67d1ac54d62bec2480adeb9b6dbe50e8a4a95e1e" have entirely different histories.
95fa3d3e5e
...
67d1ac54d6
@ -228,7 +228,7 @@ const handleToHome = () => {
|
||||
position: relative;
|
||||
margin: 0 10px;
|
||||
transition: all 0.3s ease;
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-family: "PingFang SC";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: normal;
|
||||
|
||||
@ -221,7 +221,7 @@ const handleToHome = () => {
|
||||
transition: all 0.3s ease;
|
||||
min-width: 120px;
|
||||
text-align: center;
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-family: "PingFang SC";
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
|
||||
@ -526,8 +526,6 @@ export default {
|
||||
week_range: "52-Week Range",
|
||||
days_range: "Day's Range",
|
||||
market_cap: "Market Cap",
|
||||
dollar: 'USD',
|
||||
million: 'Million',
|
||||
},
|
||||
header_menu: {
|
||||
corporate_information: {
|
||||
|
||||
@ -7,7 +7,6 @@ export default {
|
||||
},
|
||||
operation: {
|
||||
value: "View Press Release",
|
||||
view_document: "View Document",
|
||||
},
|
||||
home: {
|
||||
nav: {
|
||||
@ -30,7 +29,6 @@ export default {
|
||||
},
|
||||
CONTAINY: {
|
||||
STOCK_INFO: {
|
||||
TIME: "Time",
|
||||
TITLE: "Stock Information",
|
||||
LAST_PRICE: "Price",
|
||||
CHANGE: "% Change",
|
||||
@ -259,8 +257,6 @@ export default {
|
||||
week_range: "52-Week Range",
|
||||
days_range: "Day's Range",
|
||||
market_cap: "Market Cap",
|
||||
dollar: 'USD',
|
||||
million: 'Million',
|
||||
},
|
||||
historic_stock: {
|
||||
title: "Historical Data",
|
||||
@ -317,8 +313,8 @@ export default {
|
||||
business_introduction: "Business Introduction",
|
||||
management: "Management",
|
||||
board_of_directors: "Board of Directors",
|
||||
committee_appointments: "Committee Composition",
|
||||
governance: "Corporate Governance",
|
||||
committee_appointments: "Committee composition",
|
||||
governance: "corporate governance",
|
||||
corporate_video: "Corporate Video",
|
||||
},
|
||||
product_information: {
|
||||
@ -453,7 +449,7 @@ export default {
|
||||
contact: {
|
||||
title: "Customer Service & Recourse",
|
||||
p1: "We will tell you how you can contact us regarding our privacy statement and practices.",
|
||||
p2: "If you have any questions about this privacy statement, our information handling practices, or any other aspects of your privacy and the security of information, please send an e-mail to {email}.",
|
||||
p2: "If you have any questions about this privacy statement, our information handling practices, or any other aspects of your privacy and the security of information, please send an e-mail to fiee@dlkadvisory.com.",
|
||||
},
|
||||
updates: {
|
||||
title: "Updates",
|
||||
|
||||
@ -476,7 +476,5 @@ export default {
|
||||
week_range: '52週レンジ',
|
||||
days_range: '当日レンジ',
|
||||
market_cap: '時価総額',
|
||||
dollar: 'ドル',
|
||||
million: 'ひゃくまん',
|
||||
},
|
||||
}
|
||||
@ -7,7 +7,6 @@ export default {
|
||||
},
|
||||
operation: {
|
||||
value: "プレスリリースを見る",
|
||||
view_document: "ドキュメントを表示する",
|
||||
},
|
||||
home: {
|
||||
nav: {
|
||||
@ -52,8 +51,6 @@ export default {
|
||||
week_range: "52週レンジ",
|
||||
days_range: "当日レンジ",
|
||||
market_cap: "時価総額",
|
||||
dollar: "ドル",
|
||||
million: "ひゃくまん",
|
||||
},
|
||||
historic_stock: {
|
||||
title: "履歴データ",
|
||||
@ -245,7 +242,7 @@ export default {
|
||||
contact: {
|
||||
title: "カスタマーサービスと救済",
|
||||
p1: "当社のプライバシーに関する声明や実務について、どのように連絡できるかをお知らせします。",
|
||||
p2: "本プライバシー声明、当社の情報取扱い実務、またはお客様のプライバシーおよび情報セキュリティのその他の側面についてご質問がある場合は、{email}までメールでご連絡ください。",
|
||||
p2: "本プライバシー声明、当社の情報取扱い実務、またはお客様のプライバシーおよび情報セキュリティのその他の側面についてご質問がある場合は、fiee@dlkadvisory.comまでメールでご連絡ください。",
|
||||
},
|
||||
updates: {
|
||||
title: "更新",
|
||||
@ -355,7 +352,6 @@ export default {
|
||||
},
|
||||
CONTAINY: {
|
||||
STOCK_INFO: {
|
||||
TIME: "時間",
|
||||
TITLE: "株式情報",
|
||||
LAST_PRICE: "価格",
|
||||
CHANGE: "%変動",
|
||||
|
||||
@ -472,7 +472,5 @@ export default {
|
||||
week_range: '52週範圍',
|
||||
days_range: '當日範圍',
|
||||
market_cap: '市值',
|
||||
dollar: '美元',
|
||||
million: '百萬',
|
||||
},
|
||||
}
|
||||
@ -5,9 +5,8 @@ export default {
|
||||
en: "English",
|
||||
ja: "日本語",
|
||||
},
|
||||
operation: {
|
||||
operation: {
|
||||
value: "查看新聞稿",
|
||||
view_document: "查看文檔",
|
||||
},
|
||||
home: {
|
||||
nav: {
|
||||
@ -52,8 +51,6 @@ export default {
|
||||
week_range: "52週範圍",
|
||||
days_range: "當日範圍",
|
||||
market_cap: "市值",
|
||||
dollar: "美元",
|
||||
million: "百萬",
|
||||
},
|
||||
historic_stock: {
|
||||
title: "歷史數據",
|
||||
@ -122,18 +119,18 @@ export default {
|
||||
title: "財務資訊",
|
||||
sec_filings: "SEC文件",
|
||||
annual_reports: "年度報告",
|
||||
quarterly_reports: "季度報告",
|
||||
quarterly_reports: "季度报告",
|
||||
},
|
||||
stock_information: {
|
||||
title: "股票資訊",
|
||||
stock_quote: "股票報價",
|
||||
historic_stock_price: "歷史股價",
|
||||
title: "股票信息",
|
||||
stock_quote: "股票报价",
|
||||
historic_stock_price: "历史股价",
|
||||
investment_calculator: "投资计算器",
|
||||
},
|
||||
news_releases: {
|
||||
title: "新聞發布",
|
||||
press_releases: "新聞稿",
|
||||
events_calendar: "活動日曆",
|
||||
title: "新闻发布",
|
||||
press_releases: "新闻稿",
|
||||
events_calendar: "活动日历",
|
||||
},
|
||||
investor_resources: {
|
||||
title: "投資者指南",
|
||||
@ -204,14 +201,14 @@ export default {
|
||||
privacy_policy: {
|
||||
title: "隱私政策",
|
||||
intro: {
|
||||
p1: "我們FiEE, Inc.及其子公司（「FiEE」）致力於保護造訪我們網站之使用者的隱私與安全。透過本隱私政策，FiEE希望向您保證我們對隱私與安全的承諾。",
|
||||
p1: '我們FiEE, Inc.及其子公司（「FiEE」）致力於保護造訪我們網站之使用者的隱私與安全。透過本隱私政策，FiEE希望向您保證我們對隱私與安全的承諾。',
|
||||
p2: "我們的隱私理念以公平資訊實務為基礎。這代表我們會告知網站訪客我們如何管理資訊，使您能更清楚了解我們的營運方式。",
|
||||
},
|
||||
notice: {
|
||||
title: "通知",
|
||||
p1: "若我們蒐集您的資訊，我們會告知所蒐集之資訊內容、方式、蒐集者以及用途。",
|
||||
p2: "透過本聲明及我們的網頁，我們會說明自您處或關於您所蒐集之資訊類型、該等資訊之使用目的，以及可能揭露之第三方類型。若向您蒐集資訊，我們會清楚標示為滿足您請求所必須之資訊，以及用於向您提供客製化資訊之選填資訊。",
|
||||
p3: "當您瀏覽本網站時，我們可能透過「Cookie」蒐集您之使用資訊。Cookie 為傳輸至您電腦硬碟之小型資訊，使我們得知使用者造訪網站之頻率及其於網站上的活動。Cookie 所蒐集之資訊可協助我們監控客戶如何使用本網站。若您僅為瀏覽，則無須接受我們的 Cookie。然而，若您希望使用特定線上服務，我們可能要求您接受由代表我們提供支援之第三方所放置的 Cookie。我們亦會記錄您於頁面間移動之路徑（即「點擊流」活動）。",
|
||||
p3: '當您瀏覽本網站時，我們可能透過「Cookie」蒐集您之使用資訊。Cookie 為傳輸至您電腦硬碟之小型資訊，使我們得知使用者造訪網站之頻率及其於網站上的活動。Cookie 所蒐集之資訊可協助我們監控客戶如何使用本網站。若您僅為瀏覽，則無須接受我們的 Cookie。然而，若您希望使用特定線上服務，我們可能要求您接受由代表我們提供支援之第三方所放置的 Cookie。我們亦會記錄您於頁面間移動之路徑（即「點擊流」活動）。',
|
||||
p4: "我們於 fiee.com 蒐集之資訊，可能用於以下方式以提升您對本網站之使用體驗：",
|
||||
list: {
|
||||
li1: "以最友善的方式安排網站",
|
||||
@ -245,7 +242,7 @@ export default {
|
||||
contact: {
|
||||
title: "客戶服務與救濟",
|
||||
p1: "我們會告知您如何就我們的隱私聲明與實務與我們聯絡。",
|
||||
p2: "若您對本隱私聲明、我們之資訊處理作法，或與您的隱私與資訊安全相關之任何其他面向有任何疑問，請寄送電子郵件至：{email}。",
|
||||
p2: "若您對本隱私聲明、我們之資訊處理作法，或與您的隱私與資訊安全相關之任何其他面向有任何疑問，請寄送電子郵件至：fiee@dlkadvisory.com。",
|
||||
},
|
||||
updates: {
|
||||
title: "更新",
|
||||
@ -349,7 +346,6 @@ export default {
|
||||
},
|
||||
CONTAINY: {
|
||||
STOCK_INFO: {
|
||||
TIME: "時間",
|
||||
TITLE: "股票資訊",
|
||||
LAST_PRICE: "價格",
|
||||
CHANGE: "%漲跌幅",
|
||||
|
||||
@ -478,7 +478,5 @@ export default {
|
||||
week_range: '52周范围',
|
||||
days_range: '当日范围',
|
||||
market_cap: '市值',
|
||||
dollar: '美元',
|
||||
million: '百万',
|
||||
},
|
||||
}
|
||||
@ -7,7 +7,6 @@ export default {
|
||||
},
|
||||
operation: {
|
||||
value: "查看新闻稿",
|
||||
view_document: "查看文档",
|
||||
},
|
||||
home: {
|
||||
nav: {
|
||||
@ -52,8 +51,6 @@ export default {
|
||||
week_range: "52周范围",
|
||||
days_range: "当日范围",
|
||||
market_cap: "市值",
|
||||
dollar: '美元',
|
||||
million: '百万',
|
||||
},
|
||||
historic_stock: {
|
||||
title: "历史数据",
|
||||
@ -245,7 +242,7 @@ export default {
|
||||
contact: {
|
||||
title: "客户服务与救济",
|
||||
p1: "我们会告知您如何就我们的隐私声明与实践与我们联系。",
|
||||
p2: "如果您对本隐私声明、我们的信息处理做法，或与您的隐私和信息安全相关的任何其他方面有任何问题，请发送电子邮件至：{email}。",
|
||||
p2: "如果您对本隐私声明、我们的信息处理做法，或与您的隐私和信息安全相关的任何其他方面有任何问题，请发送电子邮件至：fiee@dlkadvisory.com。",
|
||||
},
|
||||
updates: {
|
||||
title: "更新",
|
||||
@ -349,7 +346,6 @@ export default {
|
||||
},
|
||||
CONTAINY: {
|
||||
STOCK_INFO: {
|
||||
TIME: "时间",
|
||||
TITLE: "股票信息",
|
||||
LAST_PRICE: "价格",
|
||||
CHANGE: "%涨跌幅",
|
||||
|
||||
@ -246,7 +246,7 @@
|
||||
class="w-[95px]"
|
||||
/>
|
||||
</div>
|
||||
<p style="font-size: 13.5px; width: 439px" class="my-0 text-[#455363]">
|
||||
<p style="font-size: 14px; width: 439px" class="my-0 text-[#455363]">
|
||||
{{ $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT").replace("•", "") }}
|
||||
</p>
|
||||
<div class="flex items-center">
|
||||
|
||||
@ -246,7 +246,7 @@
|
||||
class="w-[95px]"
|
||||
/>
|
||||
</div>
|
||||
<p style="font-size: 13.5px; width: 439px" class="my-0 text-[#455363]">
|
||||
<p style="font-size: 14px; width: 439px" class="my-0 text-[#455363]">
|
||||
{{ $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT").replace("•", "") }}
|
||||
</p>
|
||||
<div class="flex items-center">
|
||||
|
||||
@ -125,9 +125,7 @@ const { t } = useI18n();
|
||||
{{ t("privacy_policy.contact.p1") }}
|
||||
</p>
|
||||
<p>
|
||||
{{
|
||||
t("privacy_policy.contact.p2", { email: "fiee@dlkadvisory.com" })
|
||||
}}
|
||||
{{ t("privacy_policy.contact.p2") }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -125,9 +125,7 @@ const { t } = useI18n();
|
||||
{{ t("privacy_policy.contact.p1") }}
|
||||
</p>
|
||||
<p>
|
||||
{{
|
||||
t("privacy_policy.contact.p2", { email: "fiee@dlkadvisory.com" })
|
||||
}}
|
||||
{{ t("privacy_policy.contact.p2") }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -127,9 +127,7 @@ const { t } = useI18n();
|
||||
{{ t("privacy_policy.contact.p1") }}
|
||||
</p>
|
||||
<p>
|
||||
{{
|
||||
t("privacy_policy.contact.p2", { email: "fiee@dlkadvisory.com" })
|
||||
}}
|
||||
{{ t("privacy_policy.contact.p2") }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -127,9 +127,7 @@ const { t } = useI18n();
|
||||
{{ t("privacy_policy.contact.p1") }}
|
||||
</p>
|
||||
<p>
|
||||
{{
|
||||
t("privacy_policy.contact.p2", { email: "fiee@dlkadvisory.com" })
|
||||
}}
|
||||
{{ t("privacy_policy.contact.p2") }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
</div>
|
||||
<div class="w-[900PX] mx-auto relative z-11">
|
||||
<div class="title mb-[50px] text-center text-left">
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("header_menu.corporate_information.governance") }}</h1>
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in state.list"
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
</div>
|
||||
<div class="w-[900PX] mx-auto relative z-11">
|
||||
<div class="title mb-[50px] text-center text-left">
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("header_menu.corporate_information.governance") }}</h1>
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in state.list"
|
||||
@ -65,7 +65,7 @@
|
||||
class="flex items-center pr-[10PX] cursor-pointer"
|
||||
@click="handleViewDocument(item)"
|
||||
>
|
||||
<view class="text-[16PX] text-[#FF7BAC]">{{ $t("operation.view_document") }}</view>
|
||||
<view class="text-[16PX] text-[#FF7BAC]">View Document</view>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="ml-3 -mr-1 h-5 w-5"
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
</div>
|
||||
<div class="w-[327PX] mx-auto relative z-11">
|
||||
<div class="title mb-[50px] text-center text-left">
|
||||
<h1 style="font-size: 24px; margin-top: 60px">{{ $t("header_menu.corporate_information.governance") }}</h1>
|
||||
<h1 style="font-size: 24px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in state.list"
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
</div>
|
||||
<div class="w-[618PX] mx-auto relative z-11">
|
||||
<div class="title mb-[50px] text-center text-left">
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("header_menu.corporate_information.governance") }}</h1>
|
||||
<h1 style="font-size: 40px; margin-top: 60px">{{ $t("Governance.TITLE") }}</h1>
|
||||
</div>
|
||||
<div
|
||||
v-for="(item, index) in state.list"
|
||||
|
||||
@ -116,7 +116,7 @@
|
||||
class="w-[95px]"
|
||||
/>
|
||||
</div>
|
||||
<p style="font-size: 13.5px; width: 439px" class="my-0 text-[#455363]">
|
||||
<p style="font-size: 14px; width: 439px" class="my-0 text-[#455363]">
|
||||
{{ $t("COMPANYOVERVIEW.TITLEFIVE.CONTENT").replace("•", "") }}
|
||||
</p>
|
||||
<div class="flex items-center">
|
||||
@ -362,7 +362,7 @@
|
||||
class="data-row"
|
||||
style="transform: translateX(-10px); padding-left: 10px"
|
||||
>
|
||||
<span class="data-label"> {{ $t("HOME.CONTAINY.STOCK_INFO.TIME") }} </span>
|
||||
<span class="data-label"> Time </span>
|
||||
<span class="data-value">{{ sampleDate }}</span>
|
||||
</div>
|
||||
<div
|
||||
|
||||
@ -362,7 +362,7 @@
|
||||
class="data-row"
|
||||
style="transform: translateX(-10px); padding-left: 10px"
|
||||
>
|
||||
<span class="data-label"> {{ $t("HOME.CONTAINY.STOCK_INFO.TIME") }} </span>
|
||||
<span class="data-label"> Time </span>
|
||||
<span class="data-value">{{ sampleDate }}</span>
|
||||
</div>
|
||||
<div
|
||||
@ -897,14 +897,12 @@ const handleLink = (item) => {
|
||||
.data-label {
|
||||
// font-weight: 500;
|
||||
width: 150px;
|
||||
color: #455363;
|
||||
}
|
||||
|
||||
.data-value {
|
||||
// font-weight: 600;
|
||||
// font-family: "PingFang SC";
|
||||
font-family: var(--van-base-font) !important;
|
||||
color: #455363;
|
||||
letter-spacing: 0.48px;
|
||||
}
|
||||
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
<h2 class="card-title mx-[15PX]">{{ $t("HOME.CONTAINY.STOCK_INFO.TITLE") }}</h2>
|
||||
<div class="stock-data">
|
||||
<div class="data-row">
|
||||
<span class="data-label"> {{ $t("HOME.CONTAINY.STOCK_INFO.TIME") }} </span>
|
||||
<span class="data-label"> Time </span>
|
||||
<span class="data-value">{{ sampleDate }}</span>
|
||||
</div>
|
||||
<div class="data-row">
|
||||
|
||||
@ -340,7 +340,7 @@
|
||||
<h2 class="card-title">{{ $t("HOME.CONTAINY.STOCK_INFO.TITLE") }}</h2>
|
||||
<div class="stock-data">
|
||||
<div class="data-row">
|
||||
<span class="data-label"> {{ $t("HOME.CONTAINY.STOCK_INFO.TIME") }} </span>
|
||||
<span class="data-label"> Time </span>
|
||||
<span class="data-value">{{ sampleDate }}</span>
|
||||
</div>
|
||||
<div class="data-row">
|
||||
|
||||
@ -4,10 +4,6 @@ import { useI18n } from "vue-i18n";
|
||||
const { t } = useI18n();
|
||||
const { getStockQuate, stockQuote, formatted } = useStockQuote();
|
||||
getStockQuate();
|
||||
const trimTrailingLetter = (val) => {
|
||||
const s = String(val ?? '').trim();
|
||||
return s.replace(/[A-Za-z]$/, '');
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -20,7 +16,7 @@ const trimTrailingLetter = (val) => {
|
||||
</div>
|
||||
<section class="quote-layout">
|
||||
<div class="price-card">
|
||||
<div class="price-value">{{ stockQuote.price }} <span style="font-size: 100px;">{{ t("stock_quote.dollar") }}</span> </div>
|
||||
<div class="price-value">${{ stockQuote.price }}</div>
|
||||
<div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
|
||||
<div class="price-time">{{ formatted }}</div>
|
||||
</div>
|
||||
@ -59,8 +55,8 @@ const trimTrailingLetter = (val) => {
|
||||
<span class="stat-value">{{ stockQuote.volume }}</span>
|
||||
</div>
|
||||
<div class="stats-cell">
|
||||
<span class="stat-title">{{ t("stock_quote.market_cap") }}({{ t("stock_quote.dollar") }})</span>
|
||||
<span class="stat-value">{{ trimTrailingLetter(stockQuote.marketCap) }} {{ t("stock_quote.million") }}</span>
|
||||
<span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
|
||||
<span class="stat-value">{{ stockQuote.marketCap }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -5,10 +5,6 @@ const { t } = useI18n();
|
||||
const { getStockQuate, stockQuote, formatted } = useStockQuote();
|
||||
console.log(stockQuote);
|
||||
getStockQuate();
|
||||
const trimTrailingLetter = (val) => {
|
||||
const s = String(val ?? '').trim();
|
||||
return s.replace(/[A-Za-z]$/, '');
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -21,7 +17,7 @@ const trimTrailingLetter = (val) => {
|
||||
</div>
|
||||
<section class="quote-layout">
|
||||
<div class="price-card">
|
||||
<div class="price-value">{{ stockQuote.price }} <span style="font-size: 75px;">{{ t("stock_quote.dollar") }}</span> </div>
|
||||
<div class="price-value">${{ stockQuote.price }}</div>
|
||||
<div class="price-market">{{ t("stock_quote.nasdaq") }}</div>
|
||||
<div class="price-time">{{ formatted }}</div>
|
||||
</div>
|
||||
@ -60,8 +56,8 @@ const trimTrailingLetter = (val) => {
|
||||
<span class="stat-value">{{ stockQuote.daysRange }}</span>
|
||||
</div>
|
||||
<div class="stats-cell">
|
||||
<span class="stat-title">{{ t("stock_quote.market_cap") }}({{ t("stock_quote.dollar") }})</span>
|
||||
<span class="stat-value">{{ trimTrailingLetter(stockQuote.marketCap) }} {{ t("stock_quote.million") }}</span>
|
||||
<span class="stat-title">{{ t("stock_quote.market_cap") }}</span>
|
||||
<span class="stat-value">{{ stockQuote.marketCap }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -145,7 +141,7 @@ const trimTrailingLetter = (val) => {
|
||||
}
|
||||
|
||||
.price-value {
|
||||
font-size: 80px;
|
||||
font-size: 110px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.03em;
|
||||
background: linear-gradient(90deg, #ff7bac 0%, #0ff 100%);
|
||||
|
||||
@ -7,10 +7,6 @@ const { getStockQuate, stockQuote, formatted } = useStockQuote();
|
||||
onMounted(() => {
|
||||
getStockQuate();
|
||||
});
|
||||
const trimTrailingLetter = (val) => {
|
||||
const s = String(val ?? '').trim();
|
||||
return s.replace(/[A-Za-z]$/, '');
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -23,7 +19,7 @@ const trimTrailingLetter = (val) => {
|
||||
|
||||
<div class="data-section">
|
||||
<div class="price-card">
|
||||
<div class="price-value">{{ stockQuote.price }} <span style="font-size: 75px;">{{ t("stock_quote.dollar") }}</span> </div>
|
||||
<div class="price-value">${{ stockQuote.price }}</div>
|
||||
<div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
|
||||
<div class="price-date">{{ formatted }}</div>
|
||||
</div>
|
||||
@ -66,8 +62,8 @@ const trimTrailingLetter = (val) => {
|
||||
<div class="detail-item">
|
||||
<span class="detail-label">{{
|
||||
t("stock_quote.market_cap")
|
||||
}}({{ t("stock_quote.dollar") }})</span>
|
||||
<span class="detail-value">{{ trimTrailingLetter(stockQuote.marketCap) }} {{ t("stock_quote.million") }}</span>
|
||||
}}</span>
|
||||
<span class="detail-value">{{ stockQuote.marketCap }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -6,10 +6,6 @@ import { useI18n } from "vue-i18n";
|
||||
const { t } = useI18n();
|
||||
const { getStockQuate, stockQuote, formatted } = useStockQuote();
|
||||
getStockQuate();
|
||||
const trimTrailingLetter = (val) => {
|
||||
const s = String(val ?? '').trim();
|
||||
return s.replace(/[A-Za-z]$/, '');
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -22,7 +18,7 @@ const trimTrailingLetter = (val) => {
|
||||
|
||||
<div class="data-section">
|
||||
<div class="price-card">
|
||||
<div class="price-value">{{ stockQuote.price }} <span style="font-size: 70 * 2.5px;">{{ t("stock_quote.dollar") }}</span> </div>
|
||||
<div class="price-value">${{ stockQuote.price }}</div>
|
||||
<div class="price-nasdaq">{{ t("stock_quote.nasdaq") }}</div>
|
||||
<div class="price-date">{{ formatted }}</div>
|
||||
</div>
|
||||
@ -65,8 +61,8 @@ const trimTrailingLetter = (val) => {
|
||||
<div class="detail-item">
|
||||
<span class="detail-label">{{
|
||||
t("stock_quote.market_cap")
|
||||
}}({{ t("stock_quote.dollar") }})</span>
|
||||
<span class="detail-value">{{ trimTrailingLetter(stockQuote.marketCap) }} {{ t("stock_quote.million") }}</span>
|
||||
}}</span>
|
||||
<span class="detail-value">{{ stockQuote.marketCap }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user