111
This commit is contained in:
parent
24c27d5efb
commit
1164d4ef7b
@ -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",
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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"
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user