This commit is contained in:
liwenhao 2025-05-26 13:40:09 +08:00
parent 24c27d5efb
commit 1164d4ef7b
6 changed files with 99 additions and 70 deletions

View File

@ -560,7 +560,7 @@ export default {
HOME: {
CONTAIN: {
TITLEONE: {
TITLE: "Company positioning",
TITLE: "Company Positioning",
CONTENT:
"To empower global talents through innovative technology solutions",
CONTENTTWO:
@ -569,7 +569,7 @@ export default {
},
CONTAINY: {
STOCK_INFO: {
TITLE: "Stock Info",
TITLE: "Stock Information",
LAST_PRICE: "Last Price",
CHANGE: "Change",
STOCK_CODE: "Stock Code",

View File

@ -19,8 +19,10 @@
<h2 class="section-title">
{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}
</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<div class="">
<div style="font-size: 18px">
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}
</div>
<!-- <p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p> -->
</div>
@ -33,19 +35,22 @@
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<n-p class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENT")
}}</n-p>
<div style="font-size: 18px" class="card-content">
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENT") }}
</div>
<div style="font-size: 18px" class="card-content">
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO") }}
</div>
</n-card>
<n-card hoverable class="mission-card" v-motion-pop>
<!-- <n-card hoverable class="mission-card" v-motion-pop>
<n-h3 class="card-title">{{
$t("COMPANYOVERVIEW.TITLETHREE.TITLE")
}}</n-h3>
<n-p class="card-content">{{
$t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO")
}}</n-p>
</n-card>
<div style="font-size: 18px" class="card-content">
{{ $t("COMPANYOVERVIEW.TITLETHREE.CONTENTTWO") }}
</div>
</n-card> -->
</div>
</section>
@ -260,7 +265,7 @@ const stats = ref([
}
.section-content {
font-size: 1.1rem;
font-size: 18px;
line-height: 1.8;
margin-bottom: 20px;
color: var(--text-color-secondary);
@ -346,7 +351,7 @@ const stats = ref([
}
.timeline-desc {
font-size: 1.05rem;
font-size: 18px;
line-height: 1.7;
margin-bottom: 10px;
}

View File

@ -66,7 +66,7 @@
</section> -->
<!-- 企业里程碑 -->
<section
<!-- <section
class="milestones"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
@ -116,7 +116,7 @@
<li>{{ $t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FIVE") }}</li>
</ul>
</div>
</section>
</section> -->
<!-- 突出成就 -->
<section
class="achievements"
@ -143,19 +143,19 @@
<div class="news-card">
<!-- <div class="news-date">De 15. 2023</div> -->
<!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETWO") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETHTEE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTTHREE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFOUR") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFIVE") }}
</p>
<!-- <a href="#" class="news-link"
@ -174,36 +174,44 @@
<h2 class="card-title">{{ $t("HOME.CONTAINY.STOCK_INFO.TITLE") }}</h2>
<div class="stock-data">
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
}}</span>
<span class="data-value">${{ stockQuote.Open }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.Open }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.CHANGE")
}}</span>
<span class="data-value positive"
<span style="font-size: 18px" class="data-value positive"
>{{ stockQuote.change[0] }}{{ stockQuote.change[1] }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.STOCK_CODE")
}}</span>
<span class="data-value">NASDAQ: MINM</span>
<span style="font-size: 18px" class="data-value"
>NASDAQ: MINM</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.VOLUME")
}}</span>
<span class="data-value">{{ stockQuote.Volume }}</span>
<span style="font-size: 18px" class="data-value">{{
stockQuote.Volume
}}</span>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.MARKET_CAP")
}}</span>
<span class="data-value">${{ stockQuote.MarketCap }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.MarketCap }}</span
>
</div>
</div>
</div>
@ -302,7 +310,7 @@ onUnmounted(() => {
<style scoped>
.home-page {
background-image: url("@/assets/image/bg.png");
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;

View File

@ -66,7 +66,7 @@
</section> -->
<!-- 企业里程碑 -->
<section
<!-- <section
class="milestones"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
@ -116,7 +116,7 @@
<li>{{ $t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FIVE") }}</li>
</ul>
</div>
</section>
</section> -->
<!-- 突出成就 -->
<section
class="achievements"

View File

@ -66,7 +66,7 @@
</section> -->
<!-- 企业里程碑 -->
<section
<!-- <section
class="milestones"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
@ -116,7 +116,7 @@
<li>{{ $t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FIVE") }}</li>
</ul>
</div>
</section>
</section> -->
<!-- 突出成就 -->
<section
class="achievements"
@ -143,19 +143,19 @@
<div class="news-card">
<!-- <div class="news-date">De 15. 2023</div> -->
<!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETWO") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETHTEE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTTHREE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFOUR") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFIVE") }}
</p>
<!-- <a href="#" class="news-link"
@ -174,36 +174,44 @@
<h2 class="card-title">{{ $t("HOME.CONTAINY.STOCK_INFO.TITLE") }}</h2>
<div class="stock-data">
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
}}</span>
<span class="data-value">${{ stockQuote.Open }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.Open }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.CHANGE")
}}</span>
<span class="data-value positive"
<span style="font-size: 18px" class="data-value positive"
>{{ stockQuote.change[0] }}{{ stockQuote.change[1] }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.STOCK_CODE")
}}</span>
<span class="data-value">NASDAQ: MINM</span>
<span style="font-size: 18px" class="data-value"
>NASDAQ: MINM</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.VOLUME")
}}</span>
<span class="data-value">{{ stockQuote.Volume }}</span>
<span style="font-size: 18px" class="data-value">{{
stockQuote.Volume
}}</span>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.MARKET_CAP")
}}</span>
<span class="data-value">${{ stockQuote.MarketCap }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.MarketCap }}</span
>
</div>
</div>
</div>

View File

@ -66,7 +66,7 @@
</section> -->
<!-- 企业里程碑 -->
<section
<!-- <section
class="milestones"
style="max-width: 1200px; margin: 60px auto; padding: 0 40px"
>
@ -116,7 +116,7 @@
<li>{{ $t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FIVE") }}</li>
</ul>
</div>
</section>
</section> -->
<!-- 突出成就 -->
<section
class="achievements"
@ -143,19 +143,19 @@
<div class="news-card">
<!-- <div class="news-date">De 15. 2023</div> -->
<!-- <h3 class="news-title">{{ $t("HOME.CONTAINY.NEWS.LATEST_TITLE") }}</h3> -->
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETWO") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.TITLETHTEE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTTHREE") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFOUR") }}
</p>
<p class="news-excerpt">
<p style="font-size: 18px">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFIVE") }}
</p>
<!-- <a href="#" class="news-link"
@ -174,36 +174,44 @@
<h2 class="card-title">{{ $t("HOME.CONTAINY.STOCK_INFO.TITLE") }}</h2>
<div class="stock-data">
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.LAST_PRICE")
}}</span>
<span class="data-value">${{ stockQuote.Open }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.Open }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.CHANGE")
}}</span>
<span class="data-value positive"
<span style="font-size: 18px" class="data-value positive"
>{{ stockQuote.change[0] }}{{ stockQuote.change[1] }}</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.STOCK_CODE")
}}</span>
<span class="data-value">NASDAQ: MINM</span>
<span style="font-size: 18px" class="data-value"
>NASDAQ: MINM</span
>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.VOLUME")
}}</span>
<span class="data-value">{{ stockQuote.Volume }}</span>
<span style="font-size: 18px" class="data-value">{{
stockQuote.Volume
}}</span>
</div>
<div class="data-row">
<span class="data-label">{{
<span style="font-size: 18px" class="data-label">{{
$t("HOME.CONTAINY.STOCK_INFO.MARKET_CAP")
}}</span>
<span class="data-value">${{ stockQuote.MarketCap }}</span>
<span style="font-size: 18px" class="data-value"
>${{ stockQuote.MarketCap }}</span
>
</div>
</div>
</div>