scout666/fiee-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文字

Browse Source
This commit is contained in:
liwenhao 2025-05-23 16:31:43 +08:00
parent 77cd8fddfd
commit 7e2d26d71c
7 changed files with 182 additions and 305 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/locales/en.js
View File

@ -590,6 +590,14 @@ export default {
LATEST_CONTENT:
"Ucommune Regains Compliance with Nasdag MinimuBid Price Requirement",
READ_MORE: "Read more",
TITLETWO:
"Exhibition Theme: International New Energy and Emerging Industry Technology Exhibition",
TITLETHTEE:
"Exhibition time: August 12, 2025 (Tuesday) ~ August 14, 2025;",
CONTENTTHREE:
"Exhibition venue: Shenzhen International Exhibition Center, Shenzhen, China",
CONTENTFOUR: "Venue: Hall B of Hall 6, with an area of about 10,000m;",
CONTENTFIVE: "Number of booths: about 500 standard booths.",
},
},
},
@ -603,6 +611,7 @@ export default {
'Our services are structured into four key categories: Cloud-Managed Connectivity (WiFi) Platform, IoT Hardware Sales & Licensing, SAAS Solutions, and Professional To-C and To-B Services & Support. Notably, we have introduced our innovative Software as a Service ("SaaS") solutions, which integrate our AI and data analytics capabilities into content creation and brand management. This initiative has led to the nurturing of a robust pool of Key Opinion Leaders (KOLs) on major social media platforms worldwide, assisting them in developing, managing, and optimizing their digital presence across global platforms. Our services include customized graphics and posts, short videos, and editorial calendars tailored to align with brand objectives.',
CONTENTTHREE:
"Powered by IoT-enabled Connectivity Solutions, we are empowering talents with value throughout the entire lifecycle. We are committed to ongoing investments in AI technology for data analysis and fan behavior insights to develop highly targeted multimedia and multilingual content. Our goal is to expand our solutions and services to reach a broader global audience.",
CONTENTTWOTITLE: "Our services are structured",
},
TITLETHREE: {
TITLE: "Our mission and vision",
@ -618,11 +627,11 @@ export default {
SUBHEADING: "•1977 – 2015 : Founding & Licensing",
paragraph: {
ONE: "I.Founded as Zoom Telephonics in 1977. ",
TWO: "Secured a five-year Motorola home-network license effective 1 Jan, 2016. ",
TWO: "II.Secured a five-year Motorola home-network license effective 1 Jan, 2016. ",
},
SUBHEADINGTWO: "•2020 : Merger & AI Advancement",
paragraphTwo: {
ONE: "November 2020: Merged with Minim Inc.; adopted Minim name/OTCQB ticker",
ONE: "I.November 2020: Merged with Minim Inc.; adopted Minim name/OTCQB ticker",
TWO: "II.Rolled out AI-driven Wi-Fi management and IoT security platform.",
THREE: "",
},
@ -640,12 +649,12 @@ export default {
},
SUBHEADINGFIVE: "•2025 Rebranding & New C-Suite",
paragraphFIVE: {
ONE: "Officially rebranded from Minim Inc. to FiEE Inc.",
ONE: "I.Officially rebranded from Minim Inc. to FiEE Inc.",
TWO: "II.Appointed Li Wai Chung as CEO and Cao Yu as CFO.",
THREE:
"III.Leverage on foundation in IoT, connectivity and AI to pursue new business opportunities.",
FOUR: "IV.Launched SaaS product in the market to generate recurring revenue streams",
FIVE: "Acquisition of Suzhou Yixuntong Network Technology Co., Ltd., a high growth technology service provider in PRC",
FIVE: "V.Acquisition of Suzhou Yixuntong Network Technology Co., Ltd., a high growth technology service provider in PRC",
},
},
TITLEFIVE: {

6
src/views/BusinessServices/size1920/index.vue
View File

@ -12,13 +12,15 @@
</div>
<div class="hero-description">
<p>{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENT") }}</p>
<p>{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}</p>
</div>
</div>
</section>
<!-- 业务核心解决方案 - 重新设计布局 -->
<main class="container">
<p style="font-size: 18px; font-weight: bold">
{{ $t("BusinessiIntroduction.CONTAIN.TITLEONE.CONTENTTWO") }}
</p>
<!-- 解决方案网格 - 新布局 -->
<div class="solution-grid">
<!-- 主推解决方案 -->
@ -244,6 +246,8 @@ const solutions = computed(() => [
transform: translateX(-50%);
width: 80%;
height: 100%;
background: url("@/assets/image/abstract-pattern.png") no-repeat
center/contain;
opacity: 0.03;
z-index: -1;
}

390
src/views/CommitteeAppointment/size375/index.vue
View File

@ -1,14 +1,15 @@
<template>
<div class="committees-page">
<!-- 标题区 -->
<div class="board-members-page">
<!-- 页面头部 -->
<section class="hero-section">
<div class="container">
<h1>Committee Appointments</h1>
<h1 class="page-title">Board of Directors</h1>
<p class="page-subtitle">Meet our leadership team</p>
</div>
</section>
<!-- 移动端委员会卡片 -->
<div class="container mobile-view">
<!-- 移动端视图 -->
<div class="container">
<div
class="director-card"
v-for="(director, index) in otherDirectors"
@ -17,9 +18,14 @@
>
<div class="card-header">
<div class="director-info">
<div class="avatar"></div>
<div class="avatar">
<span class="initials">{{ getInitials(director.name) }}</span>
</div>
<div>
<router-link :to="'/boarddirectors'" class="director-link">
<router-link
:to="`/boarddirectors/${director.name}`"
class="director-name"
>
{{ director.name }}
</router-link>
<p class="director-title">{{ director.title }}</p>
@ -28,139 +34,26 @@
</div>
<div class="committee-groups">
<!-- 审计委员会 -->
<div class="committee-group">
<h3 class="committee-name">Audit Committee</h3>
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Audit')">
<div
class="role-badge"
:class="
getCommitteeRole(director.name, 'Audit').toLowerCase()
"
></div>
</template>
</div>
</div>
<!-- 薪酬委员会 -->
<div class="committee-group">
<h3 class="committee-name">Compensation Committee</h3>
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Compensation')">
<div
class="role-badge"
:class="
getCommitteeRole(
director.name,
'Compensation'
).toLowerCase()
"
></div>
</template>
</div>
</div>
<!-- 提名与公司治理委员会 -->
<div class="committee-group">
<h3 class="committee-name">
Nominating and Corporate Governance Committee
</h3>
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Governance')">
<div
class="role-badge"
:class="
getCommitteeRole(director.name, 'Governance').toLowerCase()
"
></div>
</template>
</div>
</div>
</div>
</div>
</div>
<!-- 桌面端表格视图 (在大屏幕上显示) -->
<div class="container desktop-view">
<div class="committees-table">
<!-- 表头 - 委员会名称 -->
<div class="table-header">
<div class="director-cell"></div>
<div class="committee-cell">
<h3>Audit Committee</h3>
</div>
<div class="committee-cell">
<h3>Compensation Committee</h3>
</div>
<div class="committee-cell">
<h3>Nominating and Corporate Governance Committee</h3>
</div>
</div>
<!-- 表格内容 - 每位董事 -->
<div
class="table-row"
v-for="(director, index) in otherDirectors"
:key="director.name"
>
<!-- 董事姓名 -->
<div class="director-cell">
<div class="director-info">
<div class="avatar"></div>
<div>
<router-link :to="'/boarddirectors'" class="director-link">
{{ director.name }}
</router-link>
<p class="director-title">{{ director.title }}</p>
</div>
</div>
</div>
<!-- 委员会职位 -->
<div class="committee-cell">
<div
class="committee-group"
v-if="getCommittees(director.name).length > 0"
>
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Audit')">
<template
v-for="(committee, idx) in getCommittees(director.name)"
:key="idx"
>
<div
class="role-badge"
:class="
getCommitteeRole(director.name, 'Audit').toLowerCase()
getCommitteeRole(director.name, committee).toLowerCase()
"
>
<!-- {{ getCommitteeRole(director.name, "Audit") }} -->
</div>
</template>
</div>
</div>
<div class="committee-cell">
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Compensation')">
<div
class="role-badge"
:class="
getCommitteeRole(
director.name,
'Compensation'
).toLowerCase()
"
>
<!-- {{ getCommitteeRole(director.name, "Compensation") }} -->
</div>
</template>
</div>
</div>
<div class="committee-cell">
<div class="role-badges">
<template v-if="getCommitteeRole(director.name, 'Governance')">
<div
class="role-badge"
:class="
getCommitteeRole(director.name, 'Governance').toLowerCase()
"
>
<!-- {{ getCommitteeRole(director.name, "Governance") }} -->
<span>{{ getCommitteeRole(director.name, committee) }}</span>
<span class="committee-name">{{
getCommitteeShortName(committee)
}}</span>
</div>
</template>
</div>
@ -172,6 +65,9 @@
</template>
<script setup>
import { ref, computed } from "vue";
// 董事会成员数据
const otherDirectors = [
{
name: "Cao Yu",
@ -183,7 +79,7 @@ const otherDirectors = [
{ name: "Chan Oi Fat", title: "Director" },
];
// 模拟数据 - 实际应从API获取
// 委员会角色数据
const committeeRoles = {
"Cao Yu": {},
"David Lazar": {},
@ -204,66 +100,82 @@ const committeeRoles = {
},
};
// 获取委员会列表
const getCommittees = (name) => {
return Object.keys(committeeRoles[name] || {});
};
// 获取委员会角色
const getCommitteeRole = (name, committee) => {
return committeeRoles[name]?.[committee] || null;
return committeeRoles[name]?.[committee] || "";
};
// 获取委员会简称
const getCommitteeShortName = (committee) => {
const names = {
Audit: "Audit",
Compensation: "Comp.",
Governance: "Governance",
};
return names[committee] || committee;
};
// 获取姓名首字母
const getInitials = (name) => {
return name
.split(" ")
.map((word) => word[0])
.join("")
.toUpperCase();
};
</script>
<style scoped>
/* 紫色主题变量 */
/* 基础变量 */
:root {
--primary: #895bff;
--primary-light: #a07cff;
--primary-dark: #6a11cb;
--primary-transparent: rgba(137, 91, 255, 0.1);
--bg-light: #f9f6ff;
--text-primary: #333;
--text-secondary: #666;
--bg-light: #f9f6ff;
--border-radius: 12px;
--mobile-padding: 16px;
}
/* 基础样式 */
.committees-page {
background-image: url("@/assets/image/bg-mobile.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
/* 页面样式 */
.board-members-page {
background-color: #faf9ff;
min-height: 100vh;
}
.container {
max-width: 1200px;
padding: 0 16px;
margin: 0 auto;
padding: 0 var(--mobile-padding);
max-width: 768px;
}
/* 标题区设计 */
/* 头部样式 */
.hero-section {
background: linear-gradient(
135deg,
var(--primary-light) 0%,
var(--primary) 100%
);
padding: 4rem 2rem;
padding: 3rem 1rem;
text-align: center;
color: #d7c7fe;
color: white;
margin-bottom: 2rem;
}
.hero-section h1 {
font-size: clamp(1.8rem, 5vw, 2.5rem);
margin-bottom: 1rem;
.page-title {
font-size: clamp(1.75rem, 5vw, 2.25rem);
margin-bottom: 0.5rem;
font-weight: 600;
}
/* 桌面视图 (默认隐藏) */
.desktop-view {
display: none;
}
/* 移动端视图 (默认显示) */
.mobile-view {
display: block;
margin: 3rem 0;
.page-subtitle {
font-size: clamp(1rem, 3vw, 1.25rem);
opacity: 0.9;
}
/* 董事卡片 */
@ -287,7 +199,7 @@ const getCommitteeRole = (name, committee) => {
}
.card-header {
padding: 1.5rem;
padding: 1.25rem;
background: var(--bg-light);
border-bottom: 1px solid #f0f0f0;
}
@ -295,52 +207,43 @@ const getCommitteeRole = (name, committee) => {
.director-info {
display: flex;
align-items: center;
gap: 1.2rem;
gap: 1rem;
}
.avatar {
width: 48px;
height: 48px;
width: 56px;
height: 56px;
background: var(--primary-transparent);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.director-link {
.initials {
font-size: 1.25rem;
font-weight: bold;
color: var(--primary);
text-decoration: none;
font-size: 1.1rem;
font-weight: 500;
transition: all 0.3s ease;
}
.director-link:hover {
color: var(--primary-dark);
text-decoration: underline;
.director-name {
color: var(--text-primary);
text-decoration: none;
font-size: 1.2rem;
font-weight: 500;
display: block;
margin-bottom: 0.25rem;
}
.director-title {
font-size: 0.9rem;
color: var(--text-secondary);
margin-top: 0.2rem;
line-height: 1.3;
}
/* 委员会职位 */
.committee-groups {
padding: 1.5rem;
}
.committee-group {
margin-bottom: 1.2rem;
}
.committee-group:last-child {
margin-bottom: 0;
}
.committee-name {
font-size: 1rem;
color: var(--primary-dark);
margin-bottom: 0.7rem;
font-weight: 600;
padding: 1.25rem;
}
.role-badges {
@ -350,109 +253,24 @@ const getCommitteeRole = (name, committee) => {
}
.role-badge {
padding: 0.4rem 0.8rem;
padding: 0.35rem 0.75rem;
border-radius: 16px;
font-size: 0.85rem;
font-size: 0.8rem;
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 70px;
}
.chair {
background: rgba(137, 91, 255, 0.15);
color: var(--primary-dark);
}
.member {
gap: 0.35rem;
background: rgba(137, 91, 255, 0.08);
color: var(--primary);
}
/* 桌面视图 (在大屏幕上显示) */
@media (min-width: 768px) {
.mobile-view {
display: none;
}
.role-badge.chair {
background: rgba(137, 91, 255, 0.15);
color: var(--primary-dark);
}
.desktop-view {
display: block;
margin: 4rem 0;
}
/* 表格设计 */
.committees-table {
background: white;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: 0 10px 30px rgba(137, 91, 255, 0.08);
}
.table-header,
.table-row {
display: grid;
grid-template-columns: 1.5fr repeat(3, 1fr);
border-bottom: 1px solid #f0f0f0;
}
.table-header {
background: var(--bg-light);
position: sticky;
top: 0;
z-index: 2;
}
.committee-cell {
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-right: 1px solid #f0f0f0;
}
.committee-cell:last-child {
border-right: none;
}
.committee-cell h3 {
color: var(--primary-dark);
font-size: 1.1rem;
font-weight: 600;
}
.director-cell {
padding: 1.5rem;
border-right: 1px solid #f0f0f0;
}
.director-info {
display: flex;
align-items: center;
gap: 1.2rem;
}
.director-info h4 {
font-size: 1.1rem;
color: var(--text-primary);
margin-bottom: 0.3rem;
}
.director-title {
font-size: 0.85rem;
color: var(--text-secondary);
}
/* 悬停效果 */
.table-row {
transition: all 0.3s ease;
}
.table-row:hover {
background: #fdfcff;
transform: translateY(-1px);
box-shadow: 0 5px 15px rgba(137, 91, 255, 0.05);
}
.committee-name {
font-size: 0.75rem;
opacity: 0.8;
}
</style>

30
src/views/companyoverview/size1920/index.vue
View File

@ -26,8 +26,8 @@
</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p>
<!-- <p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p> -->
</div>
</section>
@ -68,9 +68,12 @@
<n-h3 class="timeline-year">{{
$t("COMPANYOVERVIEW.TITLEFOUR.SUBHEADING")
}}</n-h3>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraph.ONE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraph.TWO")
}}</n-p>
@ -84,9 +87,13 @@
<n-h3 class="timeline-year">{{
$t("COMPANYOVERVIEW.TITLEFOUR.SUBHEADINGTWO")
}}</n-h3>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphTwo.ONE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphTwo.TWO")
}}</n-p>
@ -100,10 +107,13 @@
<n-h3 class="timeline-year">{{
$t("COMPANYOVERVIEW.TITLEFOUR.SUBHEADINGTHREE")
}}</n-h3>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphTHREE.ONE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphTHREE.TWO")
}}</n-p>
@ -117,9 +127,13 @@
<n-h3 class="timeline-year">{{
$t("COMPANYOVERVIEW.TITLEFOUR.SUBHEADINGFOREFF")
}}</n-h3>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFOUR.ONE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFOUR.TWO")
}}</n-p>
@ -133,18 +147,28 @@
<n-h3 class="timeline-year">{{
$t("COMPANYOVERVIEW.TITLEFOUR.SUBHEADINGFIVE")
}}</n-h3>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.ONE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.TWO")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.THREE")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FOUR")
}}</n-p>
<br />
<n-p class="timeline-desc">{{
$t("COMPANYOVERVIEW.TITLEFOUR.paragraphFIVE.FIVE")
}}</n-p>
@ -158,6 +182,8 @@
<n-h2 class="section-title">{{
$t("COMPANYOVERVIEW.TITLEFIVE.TITLE")
}}</n-h2>
<br />
<n-p class="section-content">{{
$t("COMPANYOVERVIEW.TITLEFIVE.CONTENT")
}}</n-p>

4
src/views/companyoverview/size375/index.vue
View File

@ -17,8 +17,8 @@
</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p>
<!-- <p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p> -->
</div>
</section>

16
src/views/manage/size375/index.vue
View File

@ -102,9 +102,9 @@ const getInitials = (name) => {
/* 标题区 */
.leadership-header {
background: linear-gradient(135deg, var(--bg-light) 0%, #e8f2ff 100%);
padding: 4rem 0 3rem;
/* padding: 4rem 0 3rem; */
text-align: center;
margin-bottom: 2rem;
/* margin-bottom: 2rem; */
}
.page-title {
@ -124,7 +124,7 @@ const getInitials = (name) => {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
padding: 2rem 0;
/* padding: 2rem 0; */
}
/* 高管卡片 */
@ -155,7 +155,7 @@ const getInitials = (name) => {
position: relative;
width: 65px;
height: 65px;
margin-bottom: 1.25rem;
/* margin-bottom: 1.25rem; */
}
.decorative-dot {
@ -164,13 +164,13 @@ const getInitials = (name) => {
height: 16px;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
top: -8px;
/* top: -8px; */
right: -8px;
}
.initials {
width: 100%;
height: 100%;
/* height: 100%; */
background: white;
border-radius: 50%;
display: flex;
@ -187,7 +187,8 @@ const getInitials = (name) => {
.leader-name {
font-size: 1.35rem;
margin-bottom: 0.35rem;
/* margin-bottom: 0.35rem; */
margin-top: -30px;
}
.leader-position {
@ -199,6 +200,7 @@ const getInitials = (name) => {
/* 内容区 */
.card-content {
padding: 1.5rem;
margin-top: -200px;
}
.content-section {

24
src/views/myHome/size1920/index.vue
View File

@ -20,7 +20,13 @@
<h2 class="section-title">{{ $t("COMPANYOVERVIEW.TITLETWO.TITLE") }}</h2>
<div class="content-block">
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENT") }}</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}</p>
<p>
<text style="color: #895bff">{{
$t("COMPANYOVERVIEW.TITLETWO.CONTENTTWOTITLE")
}}</text>
{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTWO") }}
</p>
<p>{{ $t("COMPANYOVERVIEW.TITLETWO.CONTENTTHREE") }}</p>
</div>
</section>
@ -121,10 +127,22 @@
>
<h2 class="section-title">{{ $t("HOME.CONTAINY.NEWS.TITLE") }}</h2>
<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> -->
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.LATEST_CONTENT") }}
{{ $t("HOME.CONTAINY.NEWS.TITLETWO") }}
</p>
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.TITLETHTEE") }}
</p>
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.CONTENTTHREE") }}
</p>
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFOUR") }}
</p>
<p class="news-excerpt">
{{ $t("HOME.CONTAINY.NEWS.CONTENTFIVE") }}
</p>
<!-- <a href="#" class="news-link"
>{{ $t("HOME.CONTAINY.NEWS.READ_MORE") }} →</a