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: { HOME: {
CONTAIN: { CONTAIN: {
TITLEONE: { TITLEONE: {
TITLE: "Company positioning", TITLE: "Company Positioning",
CONTENT: CONTENT:
"To empower global talents through innovative technology solutions", "To empower global talents through innovative technology solutions",
CONTENTTWO: CONTENTTWO:
@ -569,7 +569,7 @@ export default {
}, },
CONTAINY: { CONTAINY: {
STOCK_INFO: { STOCK_INFO: {
TITLE: "Stock Info", TITLE: "Stock Information",
LAST_PRICE: "Last Price", LAST_PRICE: "Last Price",
CHANGE: "Change", CHANGE: "Change",
STOCK_CODE: "Stock Code", STOCK_CODE: "Stock Code",
@ -617,9 +617,9 @@ export default {
TITLETHREE: { TITLETHREE: {
TITLE: "Our mission and vision", TITLE: "Our mission and vision",
CONTENT: CONTENT:
"•To empower global talents through innovative technology solutions", "• To empower global talents through innovative technology solutions",
CONTENTTWO: CONTENTTWO:
"•Leveraging IoT, connectivity, and artificial intelligence to create targeted, multilingual digital brands, fostering a global community of Key Opinion Leaders and providing unparalleled value throughout the digital content lifecycle", "• Leveraging IoT, connectivity, and artificial intelligence to create targeted, multilingual digital brands, fostering a global community of Key Opinion Leaders and providing unparalleled value throughout the digital content lifecycle",
}, },
TITLEFOUR: { TITLEFOUR: {
CONTENT: "", CONTENT: "",

View File

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

View File

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

View File

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

View File

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

View File

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