scout666/officialWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://gitea-net.fontree.cn/scout666/officialWebsite

Browse Source
This commit is contained in:
张 元山 2025-03-15 16:26:35 +08:00
commit 017887c9a4
1 changed files with 59 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

123
src/views/investor/size1920/index.vue
View File

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