Compare commits

..

No commits in common. "736e8d61abba4aa346e527ee243efa2dac99c98d" and "ec85d91dd67892ec4891d413be894f3f21bc3a37" have entirely different histories.

View File

@ -359,12 +359,13 @@ const state = reactive({
<div class="head relative"> <div class="head relative">
<img src="@/assets/image/tzgbg.png" alt="head" /> <img src="@/assets/image/tzgbg.png" alt="head" />
<div class="absolute top-240px left-510px text-[#10253E] text-[54px] font-bold text-animate"> <div class="absolute top-240px left-510px text-[#10253E] text-[54px] font-bold text-animate">
{{ t("investor.title") }} 投资者关系
</div> </div>
<div class="absolute top-340px left-510px text-[#8B59F7] text-[20px] w-[535px] text-animate"> <div class="absolute top-340px left-510px text-[#8B59F7] text-[20px] w-[535px] text-animate">
{{ t("investor.subtitle") }} Minim纳斯达克股票代码MINM财务状况
</div> </div>
</div> </div>
<div class="bg-[#F8F9FF]"> <div class="bg-[#F8F9FF]">
<div class="content1 bg-#FFFFFF relative flex justify-center z-3 pb-[100px] flex-col pr-[10px] float-up"> <div class="content1 bg-#FFFFFF relative flex justify-center z-3 pb-[100px] flex-col pr-[10px] float-up">
<n-divider class="divider1" vertical /> <n-divider class="divider1" vertical />
@ -376,22 +377,22 @@ const state = reactive({
<div class="w-52px h-7px bg-[#8B59F7]"> <div class="w-52px h-7px bg-[#8B59F7]">
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
{{ t("investor.latest_news.title") }} 最新动态
</div> </div>
<div class="flex mt-[46px]"> <div class="flex mt-[46px]">
<div class="carousel-item"> <div class="carousel-item">
<img class="carousel-image relative z-10" src="@/assets/image/dt1.png" /> <img class="carousel-image relative z-10" src="@/assets/image/dt1.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title font-bold flex justify-between"> <div class="carousel-title font-bold flex justify-between">
<div>{{ t("investor.latest_news.financial.title") }}</div> <div>最新财务</div>
<div class="text-[#9F9F9F] text-[14px]">{{ t("investor.latest_news.financial.date") }}</div> <div class="text-[#9F9F9F] text-[14px]">2023年3月29日</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
<div>{{ t("investor.latest_news.financial.content") }}</div> <div>2022年第四季度和2022年全年收益结果</div>
</div> </div>
<div class="flex items-center mt-[10px] cursor-pointer"> <div class="flex items-center mt-[10px] cursor-pointer">
<img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" /> <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
<div @click="handleClick(state.marqueeArr[0].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">{{ t("investor.latest_news.financial.link") }}</div> <div @click="handleClick(state.marqueeArr[0].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">收益公布</div>
</div> </div>
</div> </div>
</div> </div>
@ -399,16 +400,16 @@ const state = reactive({
<img class="carousel-image relative z-10" src="@/assets/image/dt2.png" /> <img class="carousel-image relative z-10" src="@/assets/image/dt2.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title font-bold flex justify-between"> <div class="carousel-title font-bold flex justify-between">
<div>{{ t("investor.latest_news.events.title") }}</div> <div>最近的事件</div>
<div class="text-[#9F9F9F] text-[14px]">{{ t("investor.latest_news.events.date") }}</div> <div class="text-[#9F9F9F] text-[14px]">2024年3月13日</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
<div>{{ t("investor.latest_news.events.content") }}</div> <div>Minim宣布与e2Companies达成合并协议</div>
</div> </div>
<div class="flex items-center mt-[10px] cursor-pointer"> <div class="flex items-center mt-[10px] cursor-pointer">
<img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" /> <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
<div @click="handleClick(state.marqueeArr[1].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10"> <div @click="handleClick(state.marqueeArr[1].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">
{{ t("investor.latest_news.events.link") }}</div> 合并协议-新闻稿最终稿2024年12月3日</div>
</div> </div>
</div> </div>
</div> </div>
@ -416,14 +417,16 @@ const state = reactive({
<img class="carousel-image relative z-10" src="@/assets/image/dt3.png" /> <img class="carousel-image relative z-10" src="@/assets/image/dt3.png" />
<div class="carousel-content"> <div class="carousel-content">
<div class="carousel-title font-bold flex justify-between"> <div class="carousel-title font-bold flex justify-between">
<div>{{ t("investor.latest_news.stock.title") }}</div> <div>股票报价</div>
</div> </div>
<div class="carousel-subtitle"> <div class="carousel-subtitle">
<div>{{ t("investor.latest_news.stock.content") }}</div> <div>TradingView的MINM报价</div>
</div> </div>
<div class="flex items-center mt-[10px] cursor-pointer"> <div class="flex items-center mt-[10px] cursor-pointer">
<img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" /> <img class="w-[12px] h-[12px]" src="@/assets/image/downlink.png" alt="cl" />
<div @click="handleClick(state.marqueeArr[2].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">{{ t("investor.latest_news.stock.link") }} <div @click="handleClick(state.marqueeArr[2].linkUrl)" class="text-[#8B59F7] text-[14px] relative z-10">MINM报价
</div> </div>
</div> </div>
</div> </div>
@ -443,7 +446,7 @@ const state = reactive({
<div class="w-52px h-7px bg-[#8B59F7]"> <div class="w-52px h-7px bg-[#8B59F7]">
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
{{ t("investor.financial_data.title") }} 财务数据
</div> </div>
</div> </div>
<div class="ml-[494px] w-920px min-h-473px bg-[#fff] mt-[55px] float-up" <div class="ml-[494px] w-920px min-h-473px bg-[#fff] mt-[55px] float-up"
@ -456,19 +459,19 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#C6ACFF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]"> class="font-bold bg-[#C6ACFF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
{{ t("investor.financial_data.years.year2023") }} 2023
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#8B59F7] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]"> class="font-bold bg-[#8B59F7] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
{{ t("investor.financial_data.years.year2022") }} 2022
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#6520FA] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]"> class="font-bold bg-[#6520FA] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#fff] text-[18px]">
{{ t("investor.financial_data.years.year2021") }} 2021
</div> </div>
</n-gi> </n-gi>
@ -476,7 +479,7 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.profit_report") }} 利润报告
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
@ -511,7 +514,7 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.earnings_report") }} 收益报告
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
@ -546,7 +549,7 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.earnings_call") }} 财报电话会议
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
@ -581,7 +584,7 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.sec_filings") }} 10-Q/10-K
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
@ -617,27 +620,27 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.annual_report") }} 年度报告
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]"> class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
{{ t("investor.financial_data.years.year2023") }} 2023
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Annual Report', '2022')" @click="handleYClick('Annual Report', '2022')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2022") }} 2022
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Annual Report', '2021')" @click="handleYClick('Annual Report', '2021')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2021") }} 2021
</div> </div>
</n-gi> </n-gi>
@ -645,27 +648,27 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.annual_meeting") }} 年度会议
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]"> class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
{{ t("investor.financial_data.years.year2023") }} 2023
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Annual Meeting', '2022')" @click="handleYClick('Annual Meeting', '2022')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2022") }} 2022
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Annual Meeting', '2021')" @click="handleYClick('Annual Meeting', '2021')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2021") }} 2021
</div> </div>
</n-gi> </n-gi>
@ -673,26 +676,26 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.special_meeting") }} 特别股东大会
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Special Meeting', '2023')" @click="handleYClick('Special Meeting', '2023')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2023") }} 2023
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]"> class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
{{ t("investor.financial_data.years.year2022") }} 2022
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]"> class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
{{ t("investor.financial_data.years.year2021") }} 2021
</div> </div>
</n-gi> </n-gi>
@ -701,27 +704,27 @@ const state = reactive({
<n-gi> <n-gi>
<div <div
class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]"> class="font-bold bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center p-l-10px text-[#10263E] text-[18px]">
{{ t("investor.financial_data.reports.proxy_statement") }} 委托书
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]"> class="bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#9F9F9F] text-[18px]">
{{ t("investor.financial_data.years.year2023") }} 2023
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Proxy Statement', '2022')" @click="handleYClick('Proxy Statement', '2022')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2022") }} 2022
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleYClick('Proxy Statement', '2021')" @click="handleYClick('Proxy Statement', '2021')"
class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]"> class="cursor-pointer bg-[#F8F9FF] h-[47px] rounded-[4px] flex items-center justify-between p-10px text-[#8B59FA] text-[18px]">
{{ t("investor.financial_data.years.year2021") }} 2021
</div> </div>
</n-gi> </n-gi>
</n-grid> </n-grid>
@ -731,7 +734,7 @@ const state = reactive({
@click="handleClick('https://ir.minim.com/contact')" @click="handleClick('https://ir.minim.com/contact')"
class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] ml-60% flex items-center float-up"> class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] ml-60% flex items-center float-up">
<div class="flex items-center"> <div class="flex items-center">
{{ t("investor.financial_data.investor_guide") }} <span class="ml-[20px]">></span> 投资者沟通指南 <span class="ml-[20px]">></span>
</div> </div>
</div> </div>
</div> </div>
@ -748,21 +751,22 @@ const state = reactive({
<div class="w-52px h-7px bg-[#8B59F7]"> <div class="w-52px h-7px bg-[#8B59F7]">
</div> </div>
<div class="text-[#FFFFFF] text-[40px] mt-[17px] font-bold text-animate"> <div class="text-[#FFFFFF] text-[40px] mt-[17px] font-bold text-animate">
{{ t("investor.market_trends.title") }} 行情走势
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[56px] max-w-[407px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[56px] max-w-[407px] text-animate">
{{ t("investor.market_trends.sec_description1") }} SEC文件是提交给美国证券交易委员会SEC的文 上市公司和某些内部人士必须定期向美国证券交易 委员会提交文件这些文件可以通过美国证券交易委员 会的在线数据库获得
</div> </div>
<div class="text-[#D1D1D1] text-[14px] mt-[20px] max-w-[407px] text-animate"> <div class="text-[#D1D1D1] text-[14px] mt-[20px] max-w-[407px] text-animate">
{{ t("investor.market_trends.sec_description2") }} 通过在下面进行选择您将离开Minim网站Minim对您 可以通过此网站访问的任何其他网站不作任何陈述 您访问非Minim网站时即使是可能包含Minim徽标的网
请理解它独立于MinimMinim无法控制该网站上的 内容此外链接到非Minim网站并不意味着Minim认可 或接受对该网站的内容或使用的任何责任
</div> </div>
<div <div
@click="handleClick('https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001467761&owner=include&count=40&hidefilings=0')" @click="handleClick('https://www.sec.gov/cgi-bin/browse-edgar?action=getcompany&CIK=0001467761&owner=include&count=40&hidefilings=0')"
class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] flex items-center float-up"> class="rounded-[24px] cursor-pointer justify-center w-[240px] pt-[3px] h-[47px] bg-[#8B59F7] text-[#fff] text-[18px] mt-[28px] flex items-center float-up">
<div class="flex items-center"> <div class="flex items-center">
{{ t("investor.market_trends.view_all_sec") }} <span class="ml-[20px]">></span> 查看所有SEC文件 <span class="ml-[20px]">></span>
</div> </div>
</div> </div>
</div> </div>
@ -774,18 +778,18 @@ const state = reactive({
<div class="w-52px h-7px bg-[#8B59F7]"> <div class="w-52px h-7px bg-[#8B59F7]">
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
{{ t("investor.board_of_directors.title") }} 董事会
</div> </div>
<div class="flex items-center mt-[55px]"> <div class="flex items-center mt-[55px]">
<div class="w-[438px] h-[157px] relative float-up"> <div class="w-[438px] h-[157px] relative float-up">
<img src="@/assets/image/pxr.png" alt="cl" /> <img src="@/assets/image/pxr.png" alt="cl" />
<div class="text-[#fff] text-[20px] font-bold absolute bottom-[50px] left-[18px]">{{ t("investor.board_of_directors.directors.patrick.name") }}</div> <div class="text-[#fff] text-[20px] font-bold absolute bottom-[50px] left-[18px]">帕特里克·里瓦德</div>
<div class="text-[#EBEBEB] text-[16px] absolute bottom-[20px] left-[18px]">{{ t("investor.board_of_directors.directors.patrick.position") }}</div> <div class="text-[#EBEBEB] text-[16px] absolute bottom-[20px] left-[18px]">董事会董事美国财富保护公司合伙人兼首席财务官</div>
</div> </div>
<div class="w-[438px] h-[157px] relative ml-[28px] float-up"> <div class="w-[438px] h-[157px] relative ml-[28px] float-up">
<img src="@/assets/image/bxr.png" alt="cl" /> <img src="@/assets/image/bxr.png" alt="cl" />
<div class="text-[#10253E] text-[20px] font-bold absolute bottom-[50px] left-[18px]">{{ t("investor.board_of_directors.directors.andrew.name") }}</div> <div class="text-[#10253E] text-[20px] font-bold absolute bottom-[50px] left-[18px]">安德鲁·帕帕尼科劳</div>
<div class="text-[#455363] text-[16px] absolute bottom-[20px] left-[18px]">{{ t("investor.board_of_directors.directors.andrew.position") }}</div> <div class="text-[#455363] text-[16px] absolute bottom-[20px] left-[18px]">董事会董事雷神公司财务经理</div>
</div> </div>
</div> </div>
@ -801,7 +805,7 @@ const state = reactive({
<div class="w-52px h-7px bg-[#8B59F7]"> <div class="w-52px h-7px bg-[#8B59F7]">
</div> </div>
<div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate"> <div class="text-[#10253E] text-[40px] mt-[17px] font-bold text-animate">
{{ t("investor.governance.title") }} 治理多样性和委员会章程
</div> </div>
<div class="mt-[50px]"> <div class="mt-[50px]">
<n-grid x-gap="15" y-gap="16" :cols="2"> <n-grid x-gap="15" y-gap="16" :cols="2">
@ -812,7 +816,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.ethics_code") }} 高级财务人员道德守则
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -825,7 +829,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.conflict_minerals") }} 冲突矿产声明
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -839,7 +843,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.business_conduct") }} 道德和商业行为准则
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -852,12 +856,13 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.audit_committee") }} 审计委员会章程
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
</div> </div>
</n-gi> </n-gi>
<n-gi> <n-gi>
<div <div
@click="handleClick(state.linkArr[4].link)" @click="handleClick(state.linkArr[4].link)"
@ -865,7 +870,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.whistleblower") }} 举报人政策
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -878,7 +883,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.compensation_committee") }} 薪酬委员会章程
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -892,7 +897,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.related_party") }} 关联方交易政策
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -905,7 +910,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.nomination_committee") }} 提名和治理委员会章程
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -919,7 +924,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.diversity_matrix_2022") }} 2022年多样性矩阵
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />
@ -932,7 +937,7 @@ const state = reactive({
<div class="flex items-center"> <div class="flex items-center">
<div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div> <div class="w-5px h-37px bg-[#C6ACFF]" style="border-radius: 8px 0 0 8px;"></div>
<div class="text-[#10253E] text-[18px] font-bold ml-[10px]"> <div class="text-[#10253E] text-[18px] font-bold ml-[10px]">
{{ t("investor.governance.documents.diversity_matrix_2023") }} 2023年多样性矩阵
</div> </div>
</div> </div>
<img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" /> <img class="w-[9px] h-[17px] mr-[15px]" src="@/assets/image/nstep.png" alt="cl" />