This commit is contained in:
scout 2025-02-23 13:46:06 +08:00
commit fb0a106c2f
12 changed files with 548 additions and 905 deletions

View File

@ -23,8 +23,9 @@ function getBrowserLanguage() {
}
// 获取存储的语言或浏览器语言
// const savedLanguage = 'zh'
localStorage.setItem('language', 'zh-TW')
const savedLanguage = localStorage.getItem('language') || getBrowserLanguage()
const i18n = createI18n({
legacy: false, // 使用 Composition API
locale: savedLanguage,

View File

@ -115,6 +115,8 @@ export default {
achievement: {
label: 'Outstanding Achievements',
title: 'Pioneering to Art\'s Summit',
title1: 'With a pioneering spirit',
title2: 'Reach the summit of arts and literature',
desc: 'Long-term deep cultivation in the art field, FiEE continues to expand its business map, accumulating deep industry resources and building an extensive cooperation network. Currently, we have deeply partnered with multiple global popular self-media platforms, helping art creators shine on the international stage from multiple dimensions and bloom their unique artistic brilliance.',
certification: {
title1: 'Authoritative Qualification Certification',
@ -130,6 +132,8 @@ export default {
news: {
label: 'Focus on FIEE Frontier Dynamics',
title: 'Insight Trends, Lighting the Beacon for Art\'s Future',
title1: 'Insight into Trends',
title2: 'Lighting the Beacon for Arts and Culture',
desc: 'FiEE remains rooted in the art field, always following global art development trends. Through in-depth case analysis and cross-border discussions, we explore the deep integration of art with technology and business, providing forward-looking insights and inspiration for the future development of art.',
carousel: {
item1: {

View File

@ -103,6 +103,8 @@ export default {
"achievement": {
"label": "卓越した成果",
"title": "開拓の姿勢で、文芸の頂点へ",
"title1": "開拓の姿勢で",
"title2": "文芸の頂点へ",
"desc": "長年にわたり文芸分野に深く関わり、FiEEはビジネスの領域を継続的に拡大し、豊富な業界リソースを蓄積し、広範な協力ネットワークを構築しました。現在、複数の世界的な人気のあるメディアプラットフォームと深く協力し、多角的に文芸クリエイターが国際舞台で輝き、独自の芸術的光芒を放つことを支援しています。",
"certification": {
"title1": "権威ある認証",
@ -118,6 +120,8 @@ export default {
"news": {
"label": "FiEEの最新動向に焦点を当てる",
"title": "トレンドを洞察し、文芸の前進の灯台を照らす",
"title1": "トレンドを洞察し",
"title2": "文芸の前進の灯台を照らす",
"desc": "FiEEは常に文芸分野に根ざし、世界の芸術のトレンドを追い続けています。ケーススタディの深い分析と異分野との議論を通じて、文芸と技術、ビジネスの深い融合を探求し、文芸事業の未来の発展に向けた先見性のある洞察とインスピレーションを提供します。",
"carousel": {
"item1": {

View File

@ -103,6 +103,8 @@ export default {
achievement: {
label: '卓越建树',
title: '以开拓之姿,登文艺之巅',
title1: '以开拓之姿',
title2: '登文艺之巅',
desc: '长期深耕文艺领域FiEE持续拓展业务版图积累了深厚的行业资源搭建起广泛的合作网络。目前已与多个全球热门自媒体平台深度携手从多维度助力文艺创作者闪耀国际舞台绽放独有的艺术光芒。',
certification: {
title1: '权威资质认证',
@ -118,6 +120,8 @@ export default {
news: {
label: '聚焦FIEE前沿动态',
title: '洞察趋势,点亮文艺前行灯塔',
title1: '洞察趋势',
title2: '点亮文艺前行灯塔',
desc: 'FiEE始终扎根文艺领域时刻紧跟全球艺术发展趋势。通过深度剖析案例、开展跨界研讨探索文艺与科技、商业的深度融合为文艺事业未来发展提供前瞻性洞察与灵感启迪。',
carousel: {
item1: {

View File

@ -12,26 +12,26 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
<main>
<section className="relative pb-[1020px]">
<section class="relative pb-[1020px]">
<div class="absolute top-[0px] right-[0px]">
<img
src="@/assets/image/businessintroduction/375/bg-6.png"
@ -48,8 +48,8 @@
}
"
>
<div>AI × 短视频</div>
<div>领航文创新视界</div>
<div>{{ $t("businessintroduction.hero.title1") }}</div>
<div>{{ $t("businessintroduction.hero.title2") }}</div>
</div>
<div
:ref="
@ -59,8 +59,7 @@
"
class="text-[51px] text-[#8B59F7] w-[1413px] ml-[188px] mt-[55px]"
>
深度融合前沿 AI
技术与短视频平台的独特优势率先开启探索之旅勇立潮头领航文创领域踏入前所未有的崭新视界
{{ $t("businessintroduction.hero.desc") }}
</div>
</div>
@ -88,11 +87,17 @@
<section class="section-sec relative">
<div class="flex flex-wrap justify-center pt-[480px]">
<div class="w-full px-[184px]">
<div class="text-[#8B59F7] text-[72px] font-semibold">行业现状</div>
<div class="text-[#8B59F7] text-[72px] font-semibold">
{{ $t("businessintroduction.industry.label") }}
</div>
</div>
<div class="w-full title mt-[87px] px-[184px]">
<div>文创遇阻</div>
<div>短视频解锁行业增长新密码</div>
<div>
{{ $t("businessintroduction.industry.title").split("")[0] }}
</div>
<div>
{{ $t("businessintroduction.industry.title").split("")[1] }}
</div>
</div>
<div class="w-full px-[184px] mt-[159px]">
<div
@ -103,22 +108,25 @@
"
class="text-[#455363] text-[72px] pr-[139px]"
>
在文创领域深陷内容趋同灵感枯竭的困局时短视频凭借其独特的沉浸式体验强大的社交裂变属性打破桎梏如春风化雨般为行业注入新的生命力成为驱动增长的强劲引擎
"全周期" 价值赋能体系
{{ $t("businessintroduction.industry.desc") }}
</div>
</div>
<div
class="w-full mt-[287px] px-[184px] font-semibold text-[92px] text-[#8B59F7]"
>
<div>文艺市场困局</div>
<div>
{{ $t("businessintroduction.industry.challenges.title") }}
</div>
</div>
<div class="w-full px-[184px] flex flex-wrap">
<div
v-for="(item, index) in challengeItems"
:key="index"
:ref="
(el) => {
moveRefs[5].value = el;
moveRefs[5 + index].value = el;
}
"
class="w-full mt-[154px] flex flex-wrap text-[72px]"
@ -130,77 +138,10 @@
class="w-[82px] h-[82px] mr-[51px]"
src="@/assets/image/businessintroduction/375/icon-y.png"
/>
文艺价值蒙尘
{{ item.title }}
</div>
<div class="w-full mt-[15px] pl-[133px] text-[#455363]">
品牌塑造与市场运营匮乏致使文艺价值隐于暗处难以被大众洞悉与认可
</div>
</div>
<div
:ref="
(el) => {
moveRefs[6].value = el;
}
"
class="w-full mt-[154px] flex flex-wrap text-[72px]"
>
<div
class="w-full font-semibold text-[82px] text-[#455363] flex flex-wrap items-center"
>
<img
class="w-[82px] h-[82px] mr-[51px]"
src="@/assets/image/businessintroduction/375/icon-y.png"
/>
推广途径困局
</div>
<div class="w-full mt-[15px] pl-[133px] text-[#455363]">
个人社交平台和传统展览形式陈旧无法达成广泛且优质的曝光严重束缚传播
</div>
</div>
<div
:ref="
(el) => {
moveRefs[7].value = el;
}
"
class="w-full mt-[154px] flex flex-wrap text-[72px]"
>
<div
class="w-full font-semibold text-[82px] text-[#455363] flex flex-wrap items-center"
>
<img
class="w-[82px] h-[82px] mr-[51px]"
src="@/assets/image/businessintroduction/375/icon-y.png"
/>
宣传单一致贫
</div>
<div class="w-full mt-[15px] pl-[133px] text-[#455363]">
过度倚重线下展厅与个别展会宣传面狭隘致使收入结构单一且不稳定
</div>
</div>
<div
:ref="
(el) => {
moveRefs[8].value = el;
}
"
class="w-full mt-[154px] flex flex-wrap text-[72px]"
>
<div
class="w-full font-semibold text-[82px] text-[#455363] flex flex-wrap items-center"
>
<img
class="w-[82px] h-[82px] mr-[51px]"
src="@/assets/image/businessintroduction/375/icon-y.png"
/>
传统营销掣肘
</div>
<div class="w-full mt-[15px] pl-[133px] text-[#455363]">
传统广告渠道收费高昂文艺创作者财力难支极大限制了推广宣传的范围
{{ item.desc }}
</div>
</div>
</div>
@ -212,8 +153,20 @@
"
class="w-full mt-[160px] px-[184px] font-semibold text-[92px] text-[#8B59F7]"
>
<div>短视频自媒体</div>
<div>澎湃新势蕴蓄无垠商机</div>
<div>
{{
$t("businessintroduction.industry.opportunity.title").split(
""
)[0]
}}
</div>
<div>
{{
$t("businessintroduction.industry.opportunity.title").split(
""
)[1]
}}
</div>
</div>
<div
:ref="
@ -224,8 +177,7 @@
class="w-full mt-[154px] px-[184px] text-[72px] text-[#455363] leading-[102px] mb-[379px]"
>
<div>
当下短视频市场呈爆发式增长广告规模迅猛扩张
短视频作为互联网内容领域的活力担当用户规模和使用时长一路飙升为广告投放与变现开辟广阔天地用户时长占比节节攀升用户粘性与日俱增蕴藏无限潜力与机遇
{{ $t("businessintroduction.industry.opportunity.desc") }}
</div>
</div>
</div>
@ -234,12 +186,17 @@
<section class="relative" style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[369px]">
<div class="text-[#8B59F7] text-[72px] font-semibold">业务模式</div>
<div class="text-[#8B59F7] text-[72px] font-semibold">
{{ $t("businessintroduction.solution.label") }}
</div>
</div>
<div class="w-full title mt-[87px] px-[184px]">
<div>科技赋能</div>
<div>文艺创作者</div>
<div>全链路价值服务体系</div>
<div>
{{ $t("businessintroduction.solution.title").split("")[0] }}
</div>
<div>
{{ $t("businessintroduction.solution.title").split("")[1] }}
</div>
</div>
<div class="mt-[230px] mb-[399px] overflow-hidden">
@ -262,7 +219,7 @@
<div
class="w-full mt-[102px] text-[#10253E] text-[82px] font-semibold"
>
精准分发 开启粉丝增长引擎
{{ $t("businessintroduction.solution.features.precision.title") }}
</div>
<div
:ref="
@ -272,8 +229,7 @@
"
class="mt-[87px] text-[#455363] text-[72px] pr-[112px]"
>
运用大数据分析与 AI
算法深度剖析用户浏览习惯搜索偏好等行为数据构建精准用户画像把文艺创作者的作品精准推送给潜在受众将无目的需求方转化为忠实粉丝为创作者影响力传播奠定基础
{{ $t("businessintroduction.solution.features.precision.desc") }}
</div>
</div>
<div class="w-full px-[184px] mt-[410px]">
@ -285,7 +241,9 @@
<div
class="w-full mt-[128px] text-[#10253E] text-[82px] font-semibold"
>
多元变现 激活商业价值链条
{{
$t("businessintroduction.solution.features.monetization.title")
}}
</div>
<div
:ref="
@ -295,7 +253,9 @@
"
class="mt-[87px] text-[#455363] text-[72px] pr-[112px]"
>
为挖掘文艺创作商业价值搭建粉丝经济运营体系通过便捷打赏机制让粉丝即时表达对创作者的喜爱提供实体和数字作品售卖渠道满足粉丝收藏需求推出订阅服务提供独家内容与活动优先参与权益增强粉丝粘性这些途径推动粉丝转变为消费者实现创作者和平台的收入增长
{{
$t("businessintroduction.solution.features.monetization.desc")
}}
</div>
</div>
<div class="w-full px-[184px] mt-[410px] mb-[379px]">
@ -307,7 +267,9 @@
<div
class="w-full mt-[123px] text-[#10253E] text-[82px] font-semibold"
>
互动共享 构建艺术生态闭环
{{
$t("businessintroduction.solution.features.interaction.title")
}}
</div>
<div
:ref="
@ -317,7 +279,9 @@
"
class="mt-[87px] text-[#455363] text-[72px] pr-[112px]"
>
借助智能社交推荐技术推动粉丝间深度互动交流分享见解与创作灵感挖掘彼此潜在需求实现粉丝群体自然裂变同时通过数据分析洞察消费群体特征和需求精准拓展消费圈层挖掘新商机这一互动共享机制构建起可持续发展的文艺创作生态创作者影响力持续提升公司也实现稳健发展与收益增长达成双赢
{{
$t("businessintroduction.solution.features.interaction.desc")
}}
</div>
</div>
</div>
@ -326,10 +290,12 @@
<section class="relative" style="background: #f8f9ff">
<div class="flex flex-wrap justify-center relative pb-[875px]">
<div class="w-full px-[184px] mt-[379px]">
<div class="text-[#8B59F7] text-[72px]">市场愿景</div>
<div class="text-[#8B59F7] text-[72px]">
{{ $t("businessintroduction.vision.label") }}
</div>
</div>
<div class="w-full title mt-[87px] px-[184px]">
<div>擘画文艺市场新蓝图</div>
<div>{{ $t("businessintroduction.vision.title") }}</div>
</div>
<div class="w-full px-[184px] mt-[159px]">
<div
@ -340,14 +306,14 @@
"
class="text-[#455363] text-[72px] pr-[112px]"
>
在变幻莫测的艺术浪潮中FiEE以创新为笔精准洞察为墨以创新思维与全球化视野重新定义文艺产业的未来深度挖掘文艺潜力融合多元文化元素打破传统壁垒搭建线上流量社群重塑文艺生态激发市场活力引领文艺价值的新流向开启文艺市场的全新时代
{{ $t("businessintroduction.vision.desc") }}
</div>
</div>
<div
class="w-full mt-[287px] px-[184px] font-semibold text-[92px] text-[#8B59F7]"
>
<div>构建十亿流量社群搭建全球文艺交流高地</div>
<div>{{ $t("businessintroduction.vision.community.title") }}</div>
</div>
<div
:ref="
@ -358,8 +324,7 @@
class="w-full mt-[154px] px-[184px] text-[72px] text-[#455363]"
>
<div>
运用前沿大数据与 AI
技术打造十亿级流量社群汇聚全球文艺爱好者借助智能算法实现精准内容推送与兴趣匹配促进交流互动为文艺创作者与粉丝搭建高效沟通桥梁构建文艺生态流量基石
{{ $t("businessintroduction.vision.community.desc") }}
</div>
</div>
@ -380,8 +345,12 @@
<section class="section-five h-[4562px] pt-[379px] relative">
<div class="w-full px-[184px]">
<div class="text-[#fff] text-[92px] font-semibold">
<div>全球合作拓展</div>
<div>绘制多元融合版图</div>
<div>
{{ $t("businessintroduction.cooperation.title").split(",")[0] }}
</div>
<div>
{{ $t("businessintroduction.cooperation.title").split(",")[1] }}
</div>
</div>
</div>
<div
@ -392,9 +361,11 @@
"
class="w-full px-[184px]"
>
<div class="w-full mt-[288px] text-[#fff] text-[82px]">2025</div>
<div class="w-full mt-[288px] text-[#fff] text-[82px]">
{{ $t("businessintroduction.cooperation.timeline.year2025.title") }}
</div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
与1500+文艺机构科技企业达成深度合作整合资源共同探索文艺科技融合项目推动艺术创作与传播模式创新
{{ $t("businessintroduction.cooperation.timeline.year2025.desc") }}
</div>
</div>
<div
@ -405,10 +376,11 @@
"
class="w-full px-[184px] mt-[80px]"
>
<div class="w-full mt-[159px] text-[#fff] text-[82px]">2026</div>
<div class="w-full mt-[159px] text-[#fff] text-[82px]">
{{ $t("businessintroduction.cooperation.timeline.year2026.title") }}
</div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
全球合作伙伴突破
5000+建立广泛合作网络拓展业务覆盖区域在全球主要艺术市场落地项目提升品牌国际知名度
{{ $t("businessintroduction.cooperation.timeline.year2026.desc") }}
</div>
</div>
<div
@ -419,14 +391,15 @@
"
class="w-full px-[184px] mt-[80px]"
>
<div class="w-full mt-[154px] text-[#fff] text-[82px]">2027</div>
<div class="w-full mt-[154px] text-[#fff] text-[82px]">
{{ $t("businessintroduction.cooperation.timeline.year2027.title") }}
</div>
<div class="mt-[87px] text-[#D1D1D1] text-[72px] w-[1431px]">
战略合作伙伴超
10000+形成稳固全球战略联盟全面打通文艺产业链实现资源共享互利共赢
{{ $t("businessintroduction.cooperation.timeline.year2027.desc") }}
</div>
</div>
<div class="absolute bottom-[-10px] right-[0px]">
<div class="absolute bottom-[-10px] right-[0px] z-5">
<img
src="@/assets/image/businessintroduction/375/bg-5.png"
class="h-[361px]"
@ -437,10 +410,10 @@
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[300px]">
<div class="text-[#8B59F7] text-[92px] font-semibold">
18个月孵化0基础艺术KOL
{{ $t("businessintroduction.incubation.title") }}
</div>
<div class="text-[#8B59F7] text-[92px] font-semibold">
释放文艺商业潜能
{{ $t("businessintroduction.incubation.subtitle") }}
</div>
</div>
@ -453,10 +426,7 @@
"
class="text-[#455363] text-[72px] pr-[57px] leading-[102px]"
>
18个月是一场艺术潜能的深度挖掘更是一次文艺商业的破茧之旅从绘画技巧到审美构建从内容创作到流量运营全方位赋能FiEE为
0
基础者量身定制成长路径助你跨越文艺与商业的桥梁成为引领潮流的文艺
KOL 开启无限可能的文艺新征程
{{ $t("businessintroduction.incubation.desc") }}
</div>
</div>
@ -480,12 +450,10 @@
<div
class="w-full font-semibold mt-[123px] text-[#10253E] text-[82px]"
>
粉丝增长
{{ $t("businessintroduction.incubation.features.fans.title") }}
</div>
<div class="mt-[87px]">
2027 凭借精准营销策略助力每位艺术家粉丝数超 10
粉丝社区人数达 10
亿壮大文艺创作者粉丝群体增强作品影响力
{{ $t("businessintroduction.incubation.features.fans.desc") }}
</div>
</div>
<div
@ -506,12 +474,10 @@
<div
class="w-full font-semibold mt-[123px] text-[#10253E] text-[82px]"
>
KOL孵化
{{ $t("businessintroduction.incubation.features.kol.title") }}
</div>
<div class="mt-[87px]">
依托十亿流量社群运用精准数据分析18
个月内将普通文艺创作者或商业品牌打造成国际知名
KOL实现艺术价值与商业价值的高效转化
{{ $t("businessintroduction.incubation.features.kol.desc") }}
</div>
</div>
</div>
@ -528,8 +494,7 @@
class="w-full px-[184px] mt-[364px]"
>
<div class="text-[#8B59F7] text-[92px] font-semibold">
<div>曝光量突破</div>
<div>塑造全球品牌影响力</div>
<div>{{ $t("businessintroduction.exposure.title") }}</div>
</div>
</div>
@ -542,7 +507,7 @@
class="w-full px-[184px] mt-[154px]"
>
<div class="text-[#455363] text-[72px] pr-[57px]">
凭借前沿的传播策略精准狙击全球受众心智深度整合顶级媒体资源让曝光量呈指数级突破全方位塑造全球品牌影响力引领文艺潮流走向世界舞台中央
{{ $t("businessintroduction.exposure.desc") }}
</div>
</div>
<div class="mt-[46px] mb-[246px] px-[108px]">
@ -563,10 +528,7 @@
</div>
</section>
<section
style="background: #fff"
className="flex flex-wrap justify-center"
>
<section style="background: #fff" class="flex flex-wrap justify-center">
<img
class="w-[891px] h-[87px] mt-[61px] mb-[56px]"
src="@/assets/image/image-footer.png"
@ -579,18 +541,20 @@
<script setup>
import { NDivider } from "naive-ui";
import { onUnmounted, ref, onMounted, reactive, nextTick } from "vue";
import { onUnmounted, ref, onMounted, reactive, nextTick, computed } from "vue";
import gsap from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import { useHome } from "@/store/home/index.js";
import { useTransitionComposable } from "@/composables/transition-composable";
import { useI18n } from "vue-i18n";
//
// Define component custom events
defineEmits(["sendCode"]);
// ScrollTrigger
// Register ScrollTrigger plugin
gsap.registerPlugin(ScrollTrigger);
const { t } = useI18n();
const { transitionState } = useTransitionComposable();
const moveRefs = ref(
@ -601,53 +565,51 @@ const moveRefs = ref(
const { currentTab } = useHome();
let ctx;
//
// Import images
import imageshow3 from "@/assets/image/businessintroduction/375/imageshow-3.png";
import imageshow4 from "@/assets/image/businessintroduction/375/imageshow-4.png";
import imageshow5 from "@/assets/image/businessintroduction/375/imageshow-5.png";
const state = reactive({
marqueeArr: [
marqueeArr: computed(() => [
{
title: "2025年",
subTitle:
"自媒体平台曝光量突破 5 亿+,通过多平台联动、创意内容营销,提升品牌与创作者曝光度。",
imgUrl: imageshow3, // 使
title: t("businessintroduction.exposure.timeline.year2025.title"),
subTitle: t("businessintroduction.exposure.timeline.year2025.desc"),
imgUrl: imageshow3,
},
{
title: "2026年",
subTitle: "曝光量达 10 亿 +,深化品牌传播,吸引更多潜在用户与合作伙伴。",
imgUrl: imageshow4, // 使
title: t("businessintroduction.exposure.timeline.year2026.title"),
subTitle: t("businessintroduction.exposure.timeline.year2026.desc"),
imgUrl: imageshow4,
},
{
title: "2027年",
subTitle:
"实现 50 亿 + 跨次元突破,打破行业与文化界限,全方位提升品牌国际影响力,推动文化艺术与科技深度交融 ,塑造行业发展新潮流。",
imgUrl: imageshow5, // 使
title: t("businessintroduction.exposure.timeline.year2027.title"),
subTitle: t("businessintroduction.exposure.timeline.year2027.desc"),
imgUrl: imageshow5,
},
],
]),
});
let carouselAnimation = null; // GSAP
let carouselAnimation = null; // Store GSAP animation instance
//
// Listen for window size changes
onMounted(() => {
ctx = gsap.context(() => {
moveRefs.value.forEach((moveRef, index) => {
if (moveRef.value) {
//
// Modify initial state settings
gsap.set(moveRef.value, {
opacity: 0,
// 使 translateX x
// Use translateX instead of x, and set initial position within element's own width
transform: `translateX(${index % 2 === 0 ? "-100%" : "100%"})`,
// overflow: hidden
// Add overflow: hidden to ensure it doesn't affect layout
overflow: "hidden",
});
//
// Modify animation settings
gsap.to(moveRef.value, {
opacity: 1,
transform: "translateX(0)", // 使 transform x
transform: "translateX(0)", // Use transform instead of x
duration: 1.2,
ease: "power2.out",
scrollTrigger: {
@ -696,6 +658,26 @@ const goToSection = (i) => {
});
});
};
// Prepare challenge items data
const challengeItems = computed(() => [
{
title: t("businessintroduction.industry.challenges.items.0.title"),
desc: t("businessintroduction.industry.challenges.items.0.desc"),
},
{
title: t("businessintroduction.industry.challenges.items.1.title"),
desc: t("businessintroduction.industry.challenges.items.1.desc"),
},
{
title: t("businessintroduction.industry.challenges.items.2.title"),
desc: t("businessintroduction.industry.challenges.items.2.desc"),
},
{
title: t("businessintroduction.industry.challenges.items.3.title"),
desc: t("businessintroduction.industry.challenges.items.3.desc"),
},
]);
</script>
<style scoped lang="scss">
@ -829,7 +811,7 @@ const goToSection = (i) => {
font-size: 72px;
}
//
// Add a generic overflow control class
.overflow-hidden {
overflow: hidden;
}
@ -839,6 +821,7 @@ const goToSection = (i) => {
left: 64px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider5 {
@ -847,5 +830,6 @@ const goToSection = (i) => {
right: 60px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
</style>

View File

@ -12,21 +12,21 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
@ -41,15 +41,15 @@
<div class="pt-[718px]">
<div
class="w-full title ml-[188px]"
class="w-full title ml-[188px] line-2"
:ref="
(el) => {
moveRefs[0].value = el;
}
"
>
<div>AI × 短视频</div>
<div>领航文创新视界</div>
<div>{{ $t("businessintroduction.hero.title1") }}</div>
<div>{{ $t("businessintroduction.hero.title2") }}</div>
</div>
<div
:ref="
@ -59,8 +59,7 @@
"
class="text-[35px] text-[#8B59F7] w-[958px] ml-[188px] mt-[55px]"
>
深度融合前沿 AI
技术与短视频平台的独特优势率先开启探索之旅勇立潮头领航文创领域踏入前所未有的崭新视界
{{ $t("businessintroduction.hero.desc") }}
</div>
</div>
@ -70,7 +69,7 @@
moveRefs[3].value = el;
}
"
class="absolute bottom-[-290px] right-[0px] z-4"
class="absolute bottom-[-340px] right-[0px] z-4"
>
<img
src="@/assets/image/businessintroduction/768/bg-2.png"
@ -88,11 +87,12 @@
<section class="section-sec relative">
<div class="flex flex-wrap justify-center pt-[400px] pb-[270px]">
<div class="w-full px-[188px]">
<div class="text-[#8B59F7] text-[40px] font-semibold">行业现状</div>
<div class="text-[#8B59F7] text-[40px] font-semibold">
{{ $t("businessintroduction.industry.label") }}
</div>
</div>
<div class="w-full title mt-[58px] px-[188px]">
<div>文创遇阻</div>
<div>短视频解锁行业增长新密码</div>
<div>{{ $t("businessintroduction.industry.title") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -103,21 +103,24 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
在文创领域深陷内容趋同灵感枯竭的困局时短视频凭借其独特的沉浸式体验强大的社交裂变属性打破桎梏如春风化雨般为行业注入新的生命力成为驱动增长的强劲引擎
"全周期" 价值赋能体系
{{ $t("businessintroduction.industry.desc") }}
</div>
</div>
<div
class="w-full mt-[160px] px-[188px] font-semibold text-[55px] text-[#8B59F7]"
>
<div>文艺市场困局</div>
<div>
{{ $t("businessintroduction.industry.challenges.title") }}
</div>
</div>
<div class="w-full px-[188px] flex flex-wrap">
<div
v-for="(item, index) in 4"
:key="index"
:ref="
(el) => {
moveRefs[5].value = el;
moveRefs[5 + index].value = el;
}
"
class="w-[50%] mt-[58px] flex flex-wrap text-[40px]"
@ -127,95 +130,32 @@
class="w-[40px] h-[40px] mr-[25px]"
src="@/assets/image/businessintroduction/768/icon-y.png"
/>
文艺价值蒙尘
{{
$t(
`businessintroduction.industry.challenges.items[${index}].title`
)
}}
</div>
<div class="mt-[8px] w-[680px]">
品牌塑造与市场运营匮乏致使文艺价值隐于暗处难以被大众洞悉与认可
{{
$t(
`businessintroduction.industry.challenges.items[${index}].desc`
)
}}
</div>
</div>
</div>
<div
:ref="
(el) => {
moveRefs[6].value = el;
}
"
class="w-[50%] mt-[58px] flex flex-wrap text-[40px]"
>
<div class="font-semibold">
<img
class="w-[40px] h-[40px] mr-[25px]"
src="@/assets/image/businessintroduction/768/icon-y.png"
/>
推广途径困局
</div>
<div class="mt-[8px] w-[680px]">
个人社交平台和传统展览形式陈旧无法达成广泛且优质的曝光严重束缚传播
</div>
</div>
<div
:ref="
(el) => {
moveRefs[7].value = el;
}
"
class="w-[50%] mt-[58px] flex flex-wrap text-[40px]"
>
<div class="font-semibold">
<img
class="w-[40px] h-[40px] mr-[25px]"
src="@/assets/image/businessintroduction/768/icon-y.png"
/>
宣传单一致贫
</div>
<div class="mt-[8px] w-[680px]">
过度倚重线下展厅与个别展会宣传面狭隘致使收入结构单一且不稳定
</div>
</div>
<div
:ref="
(el) => {
moveRefs[8].value = el;
}
"
class="w-[50%] mt-[58px] flex flex-wrap text-[40px]"
>
<div class="font-semibold">
<img
class="w-[40px] h-[40px] mr-[25px]"
src="@/assets/image/businessintroduction/768/icon-y.png"
/>
传统营销掣肘
</div>
<div class="mt-[8px] w-[680px]">
传统广告渠道收费高昂文艺创作者财力难支极大限制了推广宣传的范围
</div>
</div>
</div>
<div
:ref="
(el) => {
moveRefs[9].value = el;
}
"
class="w-full mt-[160px] px-[188px] font-semibold text-[55px] text-[#8B59F7]"
>
<div>短视频自媒体澎湃新势蕴蓄无垠商机</div>
</div>
<div
:ref="
(el) => {
moveRefs[10].value = el;
}
"
class="w-full mt-[75px] px-[188px] text-[40px] text-[#455363]"
>
<div>
当下短视频市场呈爆发式增长广告规模迅猛扩张
短视频作为互联网内容领域的活力担当用户规模和使用时长一路飙升为广告投放与变现开辟广阔天地用户时长占比节节攀升用户粘性与日俱增蕴藏无限潜力与机遇
{{ $t("businessintroduction.industry.opportunity.title") }}
</div>
</div>
<div class="w-full mt-[75px] px-[188px] text-[40px] text-[#455363]">
<div>
{{ $t("businessintroduction.industry.opportunity.desc") }}
</div>
</div>
</div>
@ -224,11 +164,12 @@
<section class="relative" style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[113px]">
<div class="text-[#8B59F7] text-[40px] font-semibold">业务模式</div>
<div class="text-[#8B59F7] text-[40px] font-semibold">
{{ $t("businessintroduction.solution.label") }}
</div>
</div>
<div class="w-full title mt-[58px] px-[188px]">
<div>科技赋能</div>
<div>文艺创作者全链路价值服务体系</div>
<div>{{ $t("businessintroduction.solution.title") }}</div>
</div>
<div class="mt-[140px] mb-[188px] overflow-hidden">
@ -251,7 +192,7 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
精准分发 开启粉丝增长引擎
{{ $t("businessintroduction.solution.features.precision.title") }}
</div>
<div
:ref="
@ -261,8 +202,7 @@
"
class="mt-[38px] text-[#455363] text-[40px] w-[1345px]"
>
运用大数据分析与 AI
算法深度剖析用户浏览习惯搜索偏好等行为数据构建精准用户画像把文艺创作者的作品精准推送给潜在受众将无目的需求方转化为忠实粉丝为创作者影响力传播奠定基础
{{ $t("businessintroduction.solution.features.precision.desc") }}
</div>
</div>
<div class="w-full px-[188px] mt-[170px]">
@ -274,7 +214,9 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
多元变现 激活商业价值链条
{{
$t("businessintroduction.solution.features.monetization.title")
}}
</div>
<div
:ref="
@ -284,7 +226,9 @@
"
class="mt-[38px] text-[#455363] text-[40px] w-[1345px]"
>
为挖掘文艺创作商业价值搭建粉丝经济运营体系通过便捷打赏机制让粉丝即时表达对创作者的喜爱提供实体和数字作品售卖渠道满足粉丝收藏需求推出订阅服务提供独家内容与活动优先参与权益增强粉丝粘性这些途径推动粉丝转变为消费者实现创作者和平台的收入增长
{{
$t("businessintroduction.solution.features.monetization.desc")
}}
</div>
</div>
<div class="w-full px-[188px] mt-[160px] mb-[250px]">
@ -296,7 +240,9 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
互动共享 构建艺术生态闭环
{{
$t("businessintroduction.solution.features.interaction.title")
}}
</div>
<div
:ref="
@ -306,7 +252,9 @@
"
class="mt-[38px] text-[#455363] text-[40px] w-[1345px]"
>
借助智能社交推荐技术推动粉丝间深度互动交流分享见解与创作灵感挖掘彼此潜在需求实现粉丝群体自然裂变同时通过数据分析洞察消费群体特征和需求精准拓展消费圈层挖掘新商机这一互动共享机制构建起可持续发展的文艺创作生态创作者影响力持续提升公司也实现稳健发展与收益增长达成双赢
{{
$t("businessintroduction.solution.features.interaction.desc")
}}
</div>
</div>
</div>
@ -315,10 +263,12 @@
<section class="relative" style="background: #f8f9ff">
<div class="flex flex-wrap justify-center relative pb-[875px]">
<div class="w-full px-[188px] mt-[113px]">
<div class="text-[#8B59F7] text-[40px]">市场愿景</div>
<div class="text-[#8B59F7] text-[40px]">
{{ $t("businessintroduction.vision.label") }}
</div>
</div>
<div class="w-full title mt-[58px] px-[188px]">
<div>擘画文艺市场新蓝图</div>
<div>{{ $t("businessintroduction.vision.title") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -329,14 +279,14 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
在变幻莫测的艺术浪潮中FiEE以创新为笔精准洞察为墨以创新思维与全球化视野重新定义文艺产业的未来深度挖掘文艺潜力融合多元文化元素打破传统壁垒搭建线上流量社群重塑文艺生态激发市场活力引领文艺价值的新流向开启文艺市场的全新时代
{{ $t("businessintroduction.vision.desc") }}
</div>
</div>
<div
class="w-full mt-[160px] px-[188px] font-semibold text-[55px] text-[#8B59F7]"
>
<div>构建十亿流量社群搭建全球文艺交流高地</div>
<div>{{ $t("businessintroduction.vision.community.title") }}</div>
</div>
<div
:ref="
@ -346,10 +296,7 @@
"
class="w-full mt-[75px] px-[188px] text-[40px] text-[#455363]"
>
<div>
运用前沿大数据与 AI
技术打造十亿级流量社群汇聚全球文艺爱好者借助智能算法实现精准内容推送与兴趣匹配促进交流互动为文艺创作者与粉丝搭建高效沟通桥梁构建文艺生态流量基石
</div>
<div>{{ $t("businessintroduction.vision.community.desc") }}</div>
</div>
<div class="absolute bottom-[-160px]">
@ -369,66 +316,47 @@
<section class="section-five h-[3195px] pt-[215px] relative">
<div class="w-full px-[188px]">
<div class="text-[#fff] text-[55px] font-semibold">
全球合作拓展绘制多元融合版图
{{ $t("businessintroduction.cooperation.title") }}
</div>
</div>
<div
v-for="(year, index) in ['2025', '2026', '2027']"
:key="year"
:ref="
(el) => {
moveRefs[18].value = el;
moveRefs[18 + index].value = el;
}
"
class="w-full px-[188px] mt-[100px]"
>
<div class="w-full mt-[50px] text-[#fff] text-[45px]">2025</div>
<div class="w-full mt-[50px] text-[#fff] text-[45px]">
{{
$t(`businessintroduction.cooperation.timeline.year${year}.title`)
}}
</div>
<div class="mt-[38px] text-[#D1D1D1] text-[40px] w-[1431px]">
与1500+文艺机构科技企业达成深度合作整合资源共同探索文艺科技融合项目推动艺术创作与传播模式创新
</div>
</div>
<div
:ref="
(el) => {
moveRefs[19].value = el;
}
"
class="w-full px-[188px] mt-[80px]"
>
<div class="w-full mt-[50px] text-[#fff] text-[45px]">2026</div>
<div class="mt-[38px] text-[#D1D1D1] text-[40px] w-[1431px]">
全球合作伙伴突破
5000+建立广泛合作网络拓展业务覆盖区域在全球主要艺术市场落地项目提升品牌国际知名度
</div>
</div>
<div
:ref="
(el) => {
moveRefs[20].value = el;
}
"
class="w-full px-[188px] mt-[80px]"
>
<div class="w-full mt-[50px] text-[#fff] text-[45px]">2027</div>
<div class="mt-[38px] text-[#D1D1D1] text-[40px] w-[1431px]">
战略合作伙伴超
10000+形成稳固全球战略联盟全面打通文艺产业链实现资源共享互利共赢
{{
$t(`businessintroduction.cooperation.timeline.year${year}.desc`)
}}
</div>
</div>
<div class="absolute bottom-[262px] right-[0px] z-4">
<div class="absolute bottom-[264px] right-[0px] z-4">
<img
src="@/assets/image/businessintroduction/768/bg-5.png"
class="h-[361px]"
/>
</div>
</section>
<section>
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[10px]">
<div class="text-[#8B59F7] text-[55px] font-semibold">
18个月孵化0基础艺术KOL
{{ $t("businessintroduction.incubation.title") }}
</div>
<div class="text-[#8B59F7] text-[55px] font-semibold">
释放文艺商业潜能
{{ $t("businessintroduction.incubation.subtitle") }}
</div>
</div>
@ -441,10 +369,7 @@
"
class="text-[#455363] text-[40px] w-[1430px]"
>
18个月是一场艺术潜能的深度挖掘更是一次文艺商业的破茧之旅从绘画技巧到审美构建从内容创作到流量运营全方位赋能FiEE为
0
基础者量身定制成长路径助你跨越文艺与商业的桥梁成为引领潮流的文艺
KOL 开启无限可能的文艺新征程
{{ $t("businessintroduction.incubation.desc") }}
</div>
</div>
@ -457,7 +382,7 @@
moveRefs[22].value = el;
}
"
class="w-[50%] flex flex-wrap text-[40px]"
class="w-[50%] flex flex-wrap text-[40px] content-start"
>
<div class="w-full">
<img
@ -468,43 +393,40 @@
<div
class="w-full font-semibold mt-[50px] text-[#10253E] text-[45px]"
>
粉丝增长
{{ $t("businessintroduction.incubation.features.fans.title") }}
</div>
<div class="mt-[38px] w-[506px]">
2027 凭借精准营销策略助力每位艺术家粉丝数超 10
粉丝社区人数达 10
亿壮大文艺创作者粉丝群体增强作品影响力
{{ $t("businessintroduction.incubation.features.fans.desc") }}
</div>
</div>
<div
:ref="
(el) => {
moveRefs[23].value = el;
}
"
class="w-[50%] flex flex-wrap text-[40px]"
class="w-[50%] flex flex-wrap text-[40px] content-start"
>
<div class="w-full">
<img
class="w-[132px] h-[135px] mr-[25px]"
class="w-[139px] h-[135px]"
src="@/assets/image/businessintroduction/768/icon-c.png"
/>
</div>
<div
class="w-full font-semibold mt-[50px] text-[#10253E] text-[45px]"
>
KOL孵化
{{ $t("businessintroduction.incubation.features.kol.title") }}
</div>
<div class="mt-[38px] w-[506px]">
依托十亿流量社群运用精准数据分析18
个月内将普通文艺创作者或商业品牌打造成国际知名
KOL实现艺术价值与商业价值的高效转化
{{ $t("businessintroduction.incubation.features.kol.desc") }}
</div>
</div>
</div>
</div>
</section>
<section style="background: #f8f9ff">
<div class="flex flex-wrap justify-center">
<div
@ -516,7 +438,7 @@
class="w-full px-[188px] mt-[218px]"
>
<div class="text-[#8B59F7] text-[55px] font-semibold">
曝光量突破塑造全球品牌影响力
{{ $t("businessintroduction.exposure.title") }}
</div>
</div>
@ -529,7 +451,7 @@
class="w-full px-[188px] mt-[75px]"
>
<div class="text-[#455363] text-[40px] w-[1431px]">
凭借前沿的传播策略精准狙击全球受众心智深度整合顶级媒体资源让曝光量呈指数级突破全方位塑造全球品牌影响力引领文艺潮流走向世界舞台中央
{{ $t("businessintroduction.exposure.desc") }}
</div>
</div>
<div
@ -569,6 +491,7 @@
</template>
<script setup>
import { useI18n } from "vue-i18n";
import { NDivider } from "naive-ui";
import { onUnmounted, ref, onMounted, reactive, nextTick } from "vue";
import gsap from "gsap";
@ -582,6 +505,7 @@ defineEmits(["sendCode"]);
// ScrollTrigger
gsap.registerPlugin(ScrollTrigger);
const { t } = useI18n();
const { transitionState } = useTransitionComposable();
const moveRefs = ref(
@ -600,21 +524,19 @@ import imageshow5 from "@/assets/image/businessintroduction/768/imageshow-5.png"
const state = reactive({
marqueeArr: [
{
title: "2025年",
subTitle:
"自媒体平台曝光量突破 5 亿+,通过多平台联动、创意内容营销,提升品牌与创作者曝光度。",
imgUrl: imageshow3, // 使
title: t("businessintroduction.exposure.timeline.year2025.title"),
subTitle: t("businessintroduction.exposure.timeline.year2025.desc"),
imgUrl: imageshow3,
},
{
title: "2026年",
subTitle: "曝光量达 10 亿 +,深化品牌传播,吸引更多潜在用户与合作伙伴。",
imgUrl: imageshow4, // 使
title: t("businessintroduction.exposure.timeline.year2026.title"),
subTitle: t("businessintroduction.exposure.timeline.year2026.desc"),
imgUrl: imageshow4,
},
{
title: "2027年",
subTitle:
"实现 50 亿 + 跨次元突破,打破行业与文化界限,全方位提升品牌国际影响力,推动文化艺术与科技深度交融 ,塑造行业发展新潮流。",
imgUrl: imageshow5, // 使
title: t("businessintroduction.exposure.timeline.year2027.title"),
subTitle: t("businessintroduction.exposure.timeline.year2027.desc"),
imgUrl: imageshow5,
},
],
});
@ -737,7 +659,7 @@ const goToSection = (i) => {
top: 0;
left: 0;
right: 0;
padding: 0 10rem;
padding: 0 200px 0 188px;
background-color: transparent;
}
.logo {
@ -862,18 +784,26 @@ const goToSection = (i) => {
.divider1 {
position: absolute;
z-index: 3;
color: #eff1f6;
left: 142px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider5 {
position: absolute;
z-index: 3;
color: #eff1f6;
right: 142px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.line-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: calc(1.5em * 2);
}
</style>

View File

@ -12,21 +12,21 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
@ -41,8 +41,8 @@
}
"
>
<div>领航文艺全周期</div>
<div>创变价值新巅峰</div>
<div>{{ $t("companyprofil.slogan.title1") }}</div>
<div>{{ $t("companyprofil.slogan.title2") }}</div>
</div>
<div
:ref="
@ -52,7 +52,7 @@
"
class="text-[51px] text-[#8B59F7] w-[1413px] ml-[184px] mt-[61px]"
>
FiEE立志成为文艺创作全周期的掌舵人深度参与从灵感初绽作品打磨完成到市场推广宣传文化广泛传播的每一处关键节点
{{ $t("companyprofil.slogan.desc") }}
</div>
</div>
@ -73,11 +73,13 @@
<section style="background: #f8f9ff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[400px]">
<div class="text-[#8B59F7] text-[72px]">公司介绍</div>
<div class="text-[#8B59F7] text-[72px]">
{{ $t("companyprofil.intro.label") }}
</div>
</div>
<div class="w-full title px-[179px] mt-[87px]">
<div>独树一帜</div>
<div>全周期价值赋能领航者</div>
<div>{{ $t("companyprofil.intro.title1") }}</div>
<div>{{ $t("companyprofil.intro.title2") }}</div>
</div>
<div class="w-full px-[184px] mt-[140px]">
<div
@ -88,8 +90,7 @@
"
class="text-[#455363] text-[72px] w-[1413px]"
>
FiEE彻底打破传统单一服务机构的局限以行业变革者的姿态深度融合前沿技术与丰富多元的资源精心构建起一套贯穿文艺创作从萌芽构思到辉煌绽放全流程的
"全周期" 价值赋能体系
{{ $t("companyprofil.intro.desc") }}
</div>
<div
:ref="
@ -99,7 +100,7 @@
"
class="mt-[60px] text-[#455363] text-[72px] w-[1413px]"
>
无论你是刚刚踏入文艺殿堂怀揣梦想的创作新人还是在文艺道路上摸爬滚打渴望突破创作瓶颈攀登更高文艺巅峰的成熟文艺工作者FiEE都将成为你最坚实的伙伴一路贴心陪伴为你的文艺征途遮风挡雨指引前行的方向
{{ $t("companyprofil.intro.desc") }}
</div>
</div>
<div
@ -126,11 +127,13 @@
<section class="relative" style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[451px]">
<div class="text-[#8B59F7] text-[72px]">团队介绍</div>
<div class="text-[#8B59F7] text-[72px]">
{{ $t("companyprofil.team.label") }}
</div>
</div>
<div class="w-full title px-[179px] mt-[87px]">
<div>汇聚精英</div>
<div>点燃文艺创变引擎</div>
<div>{{ $t("companyprofil.team.title1") }}</div>
<div>{{ $t("companyprofil.team.title2") }}</div>
</div>
<div class="w-full px-[184px] mt-[140px]">
<div
@ -141,7 +144,7 @@
"
class="text-[#455363] text-[72px] w-[1413px] subTitle"
>
FiEE团队由运营专家技术精英及国际顾问组成提供从内容策划到全球推广的全方位支持通过跨界合作与资源整合FiEE突破传统边界探索文艺新表达依托前沿技术与精准营销助力作品实现商业价值与社会影响力的双重提升为文艺繁荣注入持久动力
{{ $t("companyprofil.team.desc") }}
</div>
</div>
@ -166,11 +169,10 @@
<div
class="w-full mt-[102px] text-[#10253E] text-[82px] font-semibold"
>
纵横全球 多元领航
{{ $t("companyprofil.team.features.global.title") }}
</div>
<div class="mt-[87px] text-[#455363] text-[72px] w-[1498px]">
海外精准营销铺设多元渠道塑造国际品牌智能管理
多语言平台提供本地化服务
{{ $t("companyprofil.team.features.global.desc") }}
</div>
</div>
<div class="w-full px-[184px] mt-[410px]">
@ -182,10 +184,10 @@
<div
class="w-full mt-[133px] text-[#10253E] text-[82px] font-semibold"
>
深耕粉丝 构筑生态
{{ $t("companyprofil.team.features.fans.title") }}
</div>
<div class="mt-[87px] text-[#455363] text-[72px] w-[1498px]">
社区精细运营提供多元增值服务升级社群管理工具精准触达用户创新激励机制开发特色衍生周边
{{ $t("companyprofil.team.features.fans.desc") }}
</div>
</div>
<div class="w-full px-[184px] mt-[389px] mb-[250px]">
@ -197,12 +199,12 @@
<div
class="w-full mt-[123px] text-[#10253E] text-[82px] font-semibold"
>
广纳贤才 团队进阶
{{ $t("companyprofil.team.features.talent.title") }}
</div>
<div
class="mt-[87px] mb-[100px] text-[#455363] text-[72px] w-[1498px]"
>
广纳技术营销精英注入创新活力强化内部培训优化组织架构引入先进理念提升管理与服务效能
{{ $t("companyprofil.team.features.talent.desc") }}
</div>
</div>
@ -217,7 +219,9 @@
<section class="section-four">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[445px]">
<div class="text-[#8B59F7] text-[72px]">卓越建树</div>
<div class="text-[#8B59F7] text-[72px]">
{{ $t("companyprofil.achievement.label") }}
</div>
</div>
<div
:ref="
@ -227,8 +231,8 @@
"
class="w-full title px-[179px] mt-[87px]"
>
<div>以开拓之姿</div>
<div>登文艺之巅</div>
<div>{{ $t("companyprofil.achievement.title1") }}</div>
<div>{{ $t("companyprofil.achievement.title2") }}</div>
</div>
<div class="w-full px-[184px] mt-[159px]">
<div
@ -239,7 +243,7 @@
"
class="text-[#455363] text-[72px] w-[1413px]"
>
长期深耕文艺领域FiEE持续拓展业务版图积累了深厚的行业资源搭建起广泛的合作网络目前已与多个全球热门自媒体平台深度携手从多维度助力文艺创作者闪耀国际舞台绽放独有的艺术光芒
{{ $t("companyprofil.achievement.desc") }}
</div>
</div>
<div
@ -250,8 +254,12 @@
"
class="w-full mt-[532px] px-[184px] text-[92px] font-semibold"
>
<div>权威资质认证</div>
<div>铸就文艺事业坚实根基</div>
<div>
{{ $t("companyprofil.achievement.certification.title1") }}
</div>
<div>
{{ $t("companyprofil.achievement.certification.title2") }}
</div>
</div>
<div
:ref="
@ -262,7 +270,7 @@
class="w-full px-[184px] mt-[60px]"
>
<div class="text-[#455363] text-[72px] w-[1413px]">
FiEE提供专业且权威的资质认证服务助力文艺创作者获取行业广泛认可的资质这不仅能让文艺创作者的作品价值得到显著提升更能使文艺创作者在竞争白热化的艺术市场中崭露头角大幅增强文艺工作者的市场竞争力为文艺创作者的事业铺就稳固基石
{{ $t("companyprofil.achievement.certification.desc") }}
</div>
</div>
<div
@ -286,8 +294,8 @@
"
class="w-full mt-[532px] px-[184px] text-[92px] font-semibold"
>
<div>全球平台矩阵</div>
<div>拓展文艺传播边界</div>
<div>{{ $t("companyprofil.achievement.platform.title1") }}</div>
<div>{{ $t("companyprofil.achievement.platform.title2") }}</div>
</div>
<div class="w-full px-[184px] mt-[128px]">
<div
@ -299,11 +307,7 @@
class="text-[#455363] text-[72px] w-[1413px]"
>
<div>
FiEE凭借深厚的行业资源和广泛的合作网络与超过 30
个全球热门自媒体平台达成深度战略合作伙伴关系
</div>
<div>
从国际知名的社交平台到专注文艺领域的专业媒体我们为文艺创作者精心打造专属账号并运用先进的优化策略让文艺创作者的账号在众多创作者中脱颖而出
{{ $t("companyprofil.achievement.platform.desc") }}
</div>
</div>
</div>
@ -323,7 +327,9 @@
<section style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[184px] mt-[364px]">
<div class="text-[#8B59F7] text-[72px]">聚焦FiEE前沿动态</div>
<div class="text-[#8B59F7] text-[72px]">
{{ $t("companyprofil.news.label") }}
</div>
</div>
<div
:ref="
@ -333,8 +339,8 @@
"
class="w-full title px-[179px] mt-[87px]"
>
<div>洞察趋势</div>
<div>点亮文艺前行灯塔</div>
<div>{{ $t("companyprofil.news.title1") }}</div>
<div>{{ $t("companyprofil.news.title2") }}</div>
</div>
<div class="w-full px-[184px] mt-[159px]">
<div
@ -345,7 +351,7 @@
"
class="text-[#455363] text-[72px] w-[1413px]"
>
FIEE始终扎根文艺领域时刻紧跟全球艺术发展趋势通过深度剖析案例开展跨界研讨探索文艺与科技商业的深度融合为文艺事业未来发展提供前瞻性洞察与灵感启迪
{{ $t("companyprofil.news.desc") }}
</div>
</div>
<div class="w-full mt-[200px] flex flex-wrap justify-end">
@ -390,10 +396,18 @@
<img class="carousel-image" :src="item.imgUrl" />
<div class="carousel-content">
<div class="carousel-title">
<div>{{ item.title }}</div>
<div>
{{
$t(
`companyprofil.news.carousel.item${item.titleNo}.title`
)
}}
</div>
</div>
<div class="carousel-subtitle">
{{ item.subTitle }}
{{
$t(`companyprofil.news.carousel.item${item.titleNo}.desc`)
}}
</div>
</div>
</div>
@ -451,41 +465,22 @@ const state = reactive({
marqueeArr: [
{
titleNo: "1",
title: "实现技术突破,引领文艺创作技术革新",
subTitle:
"在数字化浪潮以前所未有的态势席卷文艺领域的当下文艺创作正经历着深刻变革。FiEE凭借着团队持之以恒的努力与创新精神在文艺创作技术领域取得了具有里程碑意义的重大突破。 历经无数个日夜的艰苦攻坚FiEE自主研发的新一代智能创作辅助系统正式上线宛如一颗冉冉升起的璀璨新星为文艺创作开辟了全新的发展路径给整个行业带来了前所未有的变革与机遇。",
imgUrl: carouselShow1,
},
{
titleNo: "2",
title:
"全球化战略升级FiEE与30+国际平台达成战略合作,构建文艺传播新矩阵",
subTitle:
"在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下文艺领域已然成为文化交流与创新的前沿阵地。作为文艺行业的领航者FiEE 以敏锐的战略眼光和果敢的行动力,积极投身于这场全球文化交流的浪潮之中。 近日FiEE 振奋人心地宣布与 TikTok、Instagram等 30 余家国际头部自媒体平台达成深度战略合作,同时正式启动具有深远意义的'文艺无界计划',矢志破除地域之间的文化藩篱。",
imgUrl: carouselShow2,
},
{
titleNo: "3",
title: "助力文艺创作者FiEE 发布'AI × 短视频'全链路解决方案",
subTitle:
"对于文艺创作者而言,创作瓶颈与效率低下是横亘在前行道路上的两座大山。构思一个吸引人的短视频脚本,常常需要耗费大量时间和精力,创作者们不仅要绞尽脑汁思考独特的创意,还要兼顾受众喜好和市场趋势。 作品完成后的传播与推广,同样是一道难以跨越的鸿沟。",
imgUrl: carouselShow3,
},
{
titleNo: "4",
title: "FiEE启动 18 个月艺术 KOL 孵化,培育文艺领域明日之星",
subTitle:
"在文艺产业蓬勃发展的当下优质内容创作者的重要性愈发凸显。作为行业内的先锋企业FiEE始终关注着文艺领域的人才培养与发展动态。 今日FiEE正式宣布启动一项精心筹备长达 18 个月的艺术 KOL 孵化计划,旨在为文艺领域培育一批具有强大影响力的明日之星,推动整个行业的创新发展。",
imgUrl: carouselShow4,
},
{
titleNo: "5",
title: "多元人才汇聚FiEE 构筑文艺创新发展基石",
subTitle:
"在当下文艺行业蓬勃发展、百花齐放的黄金时代,创新俨然成为引领行业持续进步、突破传统格局的关键要素。而追根溯源,人才作为创新的核心驱动力,其重要性不言而喻。 FiEE 深明此理,以海纳百川的胸怀和高瞻远瞩的战略眼光,积极广纳贤才,精心汇聚运营专家、技术精英以及国际顾问。",
imgUrl: carouselShow5,
},
],
@ -815,7 +810,7 @@ const handleCarouselClick = (item, event) => {
}
.icon-langmul {
position: absolute;
bottom: -200px;
bottom: -206px;
right: 0;
}
.carousel-container {
@ -893,6 +888,7 @@ const handleCarouselClick = (item, event) => {
left: 64px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider5 {
@ -901,5 +897,6 @@ const handleCarouselClick = (item, event) => {
right: 60px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
</style>

View File

@ -12,21 +12,21 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
@ -35,16 +35,22 @@
<div
class="relative section-first h-[1524px] box-contain pt-[718px] mb-[400px]"
>
<div ref="moveRef3" class="absolute top-[603px] right-[63px]">
<img
class="w-[949px] h-[574px]"
src="@/assets/image/companyprofil/768/image-q.png"
/>
</div>
<div
class="w-[640px] title ml-[188px]"
class="title ml-[188px]"
:ref="
(el) => {
moveRefs[0].value = el;
}
"
>
<div>领航文艺全周期</div>
<div>创变价值新巅峰</div>
<div>{{ $t("companyprofil.slogan.title1") }}</div>
<div>{{ $t("companyprofil.slogan.title2") }}</div>
</div>
<div
:ref="
@ -54,14 +60,7 @@
"
class="text-[35px] text-[#8B59F7] w-[958px] ml-[188px] mt-[55px]"
>
FiEE立志成为文艺创作全周期的掌舵人深度参与从灵感初绽作品打磨完成到市场推广宣传文化广泛传播的每一处关键节点
</div>
<div ref="moveRef3" class="absolute top-[603px] right-[63px]">
<img
class="w-[949px] h-[574px]"
src="@/assets/image/companyprofil/768/image-q.png"
/>
{{ $t("companyprofil.slogan.desc") }}
</div>
</div>
<div class="w-[1920px] absolute bottom-[-660px] z-4">
@ -75,11 +74,13 @@
<section style="background: #f8f9ff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[400px]">
<div class="text-[#8B59F7] text-[40px]">公司介绍</div>
<div class="text-[#8B59F7] text-[40px]">
{{ $t("companyprofil.intro.label") }}
</div>
</div>
<div class="w-full title mt-[58px] px-[188px]">
<div>独树一帜</div>
<div>全周期价值赋能领航者</div>
<div>{{ $t("companyprofil.intro.title1") }}</div>
<div>{{ $t("companyprofil.intro.title2") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -90,18 +91,7 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
FiEE彻底打破传统单一服务机构的局限以行业变革者的姿态深度融合前沿技术与丰富多元的资源精心构建起一套贯穿文艺创作从萌芽构思到辉煌绽放全流程的
"全周期" 价值赋能体系
</div>
<div
:ref="
(el) => {
moveRefs[3].value = el;
}
"
class="mt-[60px] text-[#455363] text-[40px] w-[1345px]"
>
无论你是刚刚踏入文艺殿堂怀揣梦想的创作新人还是在文艺道路上摸爬滚打渴望突破创作瓶颈攀登更高文艺巅峰的成熟文艺工作者FiEE都将成为你最坚实的伙伴一路贴心陪伴为你的文艺征途遮风挡雨指引前行的方向
{{ $t("companyprofil.intro.desc") }}
</div>
</div>
<div
@ -128,11 +118,13 @@
<section class="relative" style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[113px]">
<div class="text-[#8B59F7] text-[40px]">团队介绍</div>
<div class="text-[#8B59F7] text-[40px]">
{{ $t("companyprofil.team.label") }}
</div>
</div>
<div class="w-full title mt-[58px] px-[188px]">
<div>汇聚精英</div>
<div>点燃文艺创变引擎</div>
<div>{{ $t("companyprofil.team.title1") }}</div>
<div>{{ $t("companyprofil.team.title2") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -143,7 +135,7 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
FiEE团队由运营专家技术精英及国际顾问组成提供从内容策划到全球推广的全方位支持通过跨界合作与资源整合FiEE突破传统边界探索文艺新表达依托前沿技术与精准营销助力作品实现商业价值与社会影响力的双重提升为文艺繁荣注入持久动力
{{ $t("companyprofil.team.desc") }}
</div>
</div>
<div class="mt-[143px] mb-[188px] overflow-hidden">
@ -166,11 +158,10 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
纵横全球 多元领航
{{ $t("companyprofil.team.features.global.title") }}
</div>
<div class="mt-[38px] text-[#455363] text-[40px] w-[1345px]">
海外精准营销铺设多元渠道塑造国际品牌智能管理
多语言平台提供本地化服务
{{ $t("companyprofil.team.features.global.desc") }}
</div>
</div>
<div class="w-full px-[188px] mt-[170px]">
@ -182,10 +173,10 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
深耕粉丝 构筑生态
{{ $t("companyprofil.team.features.fans.title") }}
</div>
<div class="mt-[38px] text-[#455363] text-[40px] w-[1345px]">
社区精细运营提供多元增值服务升级社群管理工具精准触达用户创新激励机制开发特色衍生周边
{{ $t("companyprofil.team.features.fans.desc") }}
</div>
</div>
<div class="w-full px-[188px] mt-[160px] mb-[250px]">
@ -197,10 +188,10 @@
<div
class="w-full mt-[50px] text-[#10253E] text-[45px] font-semibold"
>
广纳贤才 团队进阶
{{ $t("companyprofil.team.features.talent.title") }}
</div>
<div class="mt-[38px] text-[#455363] text-[40px] w-[1345px]">
广纳技术营销精英注入创新活力强化内部培训优化组织架构引入先进理念提升管理与服务效能
{{ $t("companyprofil.team.features.talent.desc") }}
</div>
</div>
@ -215,7 +206,9 @@
<section class="section-four">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[458px]">
<div class="text-[#8B59F7] text-[40px]">卓越建树</div>
<div class="text-[#8B59F7] text-[40px]">
{{ $t("companyprofil.achievement.label") }}
</div>
</div>
<div
:ref="
@ -225,8 +218,8 @@
"
class="w-full title mt-[58px] px-[188px]"
>
<div>以开拓之姿</div>
<div>登文艺之巅</div>
<div>{{ $t("companyprofil.achievement.title1") }}</div>
<div>{{ $t("companyprofil.achievement.title2") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -237,7 +230,7 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
长期深耕文艺领域FiEE持续拓展业务版图积累了深厚的行业资源搭建起广泛的合作网络目前已与多个全球热门自媒体平台深度携手从多维度助力文艺创作者闪耀国际舞台绽放独有的艺术光芒
{{ $t("companyprofil.achievement.desc") }}
</div>
</div>
<div
@ -248,8 +241,12 @@
"
class="w-full mt-[260px] px-[188px] text-[55px] font-semibold"
>
<div>权威资质认证</div>
<div>铸就文艺事业坚实根基</div>
<div>
{{ $t("companyprofil.achievement.certification.title1") }}
</div>
<div>
{{ $t("companyprofil.achievement.certification.title2") }}
</div>
</div>
<div
:ref="
@ -260,7 +257,7 @@
class="w-full px-[188px] mt-[60px]"
>
<div class="text-[#455363] text-[40px] w-[1345px]">
FiEE提供专业且权威的资质认证服务助力文艺创作者获取行业广泛认可的资质这不仅能让文艺创作者的作品价值得到显著提升更能使文艺创作者在竞争白热化的艺术市场中崭露头角大幅增强文艺工作者的市场竞争力为文艺创作者的事业铺就稳固基石
{{ $t("companyprofil.achievement.certification.desc") }}
</div>
</div>
<div
@ -284,8 +281,8 @@
"
class="w-full px-[188px] text-[55px] font-semibold"
>
<div>全球平台矩阵</div>
<div>拓展文艺传播边界</div>
<div>{{ $t("companyprofil.achievement.platform.title1") }}</div>
<div>{{ $t("companyprofil.achievement.platform.title2") }}</div>
</div>
<div class="w-full px-[188px] mt-[60px]">
<div
@ -296,13 +293,7 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
<div>
FiEE凭借深厚的行业资源和广泛的合作网络与超过 30
个全球热门自媒体平台达成深度战略合作伙伴关系
</div>
<div>
从国际知名的社交平台到专注文艺领域的专业媒体我们为文艺创作者精心打造专属账号并运用先进的优化策略让文艺创作者的账号在众多创作者中脱颖而出
</div>
{{ $t("companyprofil.achievement.platform.desc") }}
</div>
</div>
<div class="mt-[120px] mb-[220px] overflow-hidden">
@ -321,7 +312,9 @@
<section style="background: #fff">
<div class="flex flex-wrap justify-center">
<div class="w-full px-[188px] mt-[245px]">
<div class="text-[#8B59F7] text-[40px]">聚焦FiEE前沿动态</div>
<div class="text-[#8B59F7] text-[40px]">
{{ $t("companyprofil.news.label") }}
</div>
</div>
<div
:ref="
@ -331,8 +324,8 @@
"
class="w-full title mt-[58px] px-[188px]"
>
<div>洞察趋势</div>
<div>点亮文艺前行灯塔</div>
<div>{{ $t("companyprofil.news.title1") }}</div>
<div>{{ $t("companyprofil.news.title2") }}</div>
</div>
<div class="w-full px-[188px] mt-[140px]">
<div
@ -343,7 +336,7 @@
"
class="text-[#455363] text-[40px] w-[1345px]"
>
FIEE始终扎根文艺领域时刻紧跟全球艺术发展趋势通过深度剖析案例开展跨界研讨探索文艺与科技商业的深度融合为文艺事业未来发展提供前瞻性洞察与灵感启迪
{{ $t("companyprofil.news.desc") }}
</div>
</div>
<div class="w-full mt-[143px] flex flex-wrap justify-end">
@ -421,6 +414,10 @@ import gsap from "gsap";
import { ScrollTrigger } from "gsap/ScrollTrigger";
import { useHome } from "@/store/home/index.js";
import { useTransitionComposable } from "@/composables/transition-composable";
import { useI18n } from "vue-i18n";
// i18n
const { t } = useI18n();
//
defineEmits(["sendCode"]);
@ -449,41 +446,32 @@ const state = reactive({
marqueeArr: [
{
titleNo: "1",
title: "实现技术突破,引领文艺创作技术革新",
subTitle:
"在数字化浪潮以前所未有的态势席卷文艺领域的当下文艺创作正经历着深刻变革。FiEE凭借着团队持之以恒的努力与创新精神在文艺创作技术领域取得了具有里程碑意义的重大突破。 历经无数个日夜的艰苦攻坚FiEE自主研发的新一代智能创作辅助系统正式上线宛如一颗冉冉升起的璀璨新星为文艺创作开辟了全新的发展路径给整个行业带来了前所未有的变革与机遇。",
title: t("companyprofil.news.carousel.item1.title"),
subTitle: t("companyprofil.news.carousel.item1.desc"),
imgUrl: carouselShow1,
},
{
titleNo: "2",
title:
"全球化战略升级FiEE与30+国际平台达成战略合作,构建文艺传播新矩阵",
subTitle:
"在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下文艺领域已然成为文化交流与创新的前沿阵地。作为文艺行业的领航者FiEE 以敏锐的战略眼光和果敢的行动力,积极投身于这场全球文化交流的浪潮之中。 近日FiEE 振奋人心地宣布与 TikTok、Instagram等 30 余家国际头部自媒体平台达成深度战略合作,同时正式启动具有深远意义的'文艺无界计划',矢志破除地域之间的文化藩篱。",
title: t("companyprofil.news.carousel.item2.title"),
subTitle: t("companyprofil.news.carousel.item2.desc"),
imgUrl: carouselShow2,
},
{
titleNo: "3",
title: "助力文艺创作者FiEE 发布'AI × 短视频'全链路解决方案",
subTitle:
"对于文艺创作者而言,创作瓶颈与效率低下是横亘在前行道路上的两座大山。构思一个吸引人的短视频脚本,常常需要耗费大量时间和精力,创作者们不仅要绞尽脑汁思考独特的创意,还要兼顾受众喜好和市场趋势。 作品完成后的传播与推广,同样是一道难以跨越的鸿沟。",
title: t("companyprofil.news.carousel.item3.title"),
subTitle: t("companyprofil.news.carousel.item3.desc"),
imgUrl: carouselShow3,
},
{
titleNo: "4",
title: "FiEE启动 18 个月艺术 KOL 孵化,培育文艺领域明日之星",
subTitle:
"在文艺产业蓬勃发展的当下优质内容创作者的重要性愈发凸显。作为行业内的先锋企业FiEE始终关注着文艺领域的人才培养与发展动态。 今日FiEE正式宣布启动一项精心筹备长达 18 个月的艺术 KOL 孵化计划,旨在为文艺领域培育一批具有强大影响力的明日之星,推动整个行业的创新发展。",
title: t("companyprofil.news.carousel.item4.title"),
subTitle: t("companyprofil.news.carousel.item4.desc"),
imgUrl: carouselShow4,
},
{
titleNo: "5",
title: "多元人才汇聚FiEE 构筑文艺创新发展基石",
subTitle:
"在当下文艺行业蓬勃发展、百花齐放的黄金时代,创新俨然成为引领行业持续进步、突破传统格局的关键要素。而追根溯源,人才作为创新的核心驱动力,其重要性不言而喻。 FiEE 深明此理,以海纳百川的胸怀和高瞻远瞩的战略眼光,积极广纳贤才,精心汇聚运营专家、技术精英以及国际顾问。",
title: t("companyprofil.news.carousel.item5.title"),
subTitle: t("companyprofil.news.carousel.item5.desc"),
imgUrl: carouselShow5,
},
],
@ -756,7 +744,7 @@ const handleCarouselClick = (item, event) => {
top: 0;
left: 0;
right: 0;
padding: 0 10rem;
padding: 0 200px 0 188px;
background-color: transparent;
}
.logo {
@ -806,7 +794,7 @@ const handleCarouselClick = (item, event) => {
}
.icon-langmul {
position: absolute;
bottom: -80px;
bottom: -88px;
right: 0;
}
.carousel-container {
@ -884,7 +872,7 @@ const handleCarouselClick = (item, event) => {
.divider1 {
position: absolute;
z-index: 3;
color: #eff1f6;
background-color: rgba(230, 234, 238, 0.5) !important;
left: 142px;
width: 1px;
height: 100%;
@ -893,7 +881,7 @@ const handleCarouselClick = (item, event) => {
.divider5 {
position: absolute;
z-index: 3;
color: #eff1f6;
background-color: rgba(230, 234, 238, 0.5) !important;
right: 142px;
width: 1px;
height: 100%;

View File

@ -12,21 +12,21 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
@ -38,10 +38,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[543px] px-[205px] text-center">
实现技术突破引领文艺创作技术革新
{{ $t("companyprofildetail.article1.title") }}
</div>
<div class="w-full text-center mt-[31px] text-[#455363] text-[72px]">
2025年02月07日 12时00分
{{ $t("companyprofildetail.article1.date") }}
</div>
<div class="mt-[164px] overflow-hidden">
<img
@ -52,38 +52,16 @@
<div
class="w-full px-[188px] text-[#455363] text-[72px] div-indent mt-[241px] mb-[445px]"
>
<div>
在数字化浪潮以前所未有的态势席卷文艺领域的当下文艺创作正经历着深刻变革FiEE凭借着团队持之以恒的努力与创新精神在文艺创作技术领域取得了具有里程碑意义的重大突破
</div>
<div>
历经无数个日夜的艰苦攻坚FiEE自主研发的新一代智能创作辅助系统正式上线宛如一颗冉冉升起的璀璨新星为文艺创作开辟了全新的发展路径给整个行业带来了前所未有的变革与机遇
</div>
<div>
研发过程中技术团队遭遇了诸多棘手难题在海量文艺作品数据的收集环节需从不同年代不同风格不同类型的文艺作品中获取数据涵盖古今中外的文学名著影视佳作音乐经典等这些数据来源广泛且格式多样收集难度极大
整理与分析时既要确保数据的准确性和完整性又要对不同类型的数据进行分类整合以便后续的深度挖掘
</div>
<div>
人工智能算法的优化也绝非易事团队需要不断调整算法参数使其能够精准地从海量数据中提取有价值的信息大数据模型的搭建更是复杂要考虑到模型的稳定性可扩展性以及与其他技术的兼容性
</div>
<div>
团队成员们查阅了海量的国内外资料从前沿学术论文到行业实践案例不放过任何一个可能的灵感来源进行了无数次的实验和模拟每一次实验都可能面临失败但他们从未放弃不断优化方案
</div>
<div>
比如在处理不同类型文艺作品数据的兼容性时团队创新性地采用了多维度数据分类算法这种算法通过对数据的时间维度风格维度题材维度等多个角度进行分析将看似杂乱无章的数据进行有效分类确保了数据的精准分析和利用为后续的智能创作支持奠定了坚实基础
该智能创作辅助系统整合了人工智能大数据等前沿技术为创作者提供了全方位智能化的创作支持通过对海量文艺作品数据的深度挖掘与分析系统能够精准洞察当下文艺创作的趋势与热点
</div>
<div>
在提高创作效率方面系统的人工智能技术展现出强大实力传统创作方式可能需要花费数月时间构思框架而使用该系统仅需几天时间就能生成初步框架创作者只需在此基础上进行细节完善大大缩短了创作周期
</div>
<div>
公司技术研发团队负责人在发布会上难掩激动之情"这次技术突破是我们团队长期以来辛勤付出的结晶也是FiEE对文艺创作技术革新的一次大胆尝试。我们深知在科技飞速发展的今天只有不断创新才能为文艺创作者提供更强大的创作工具推动文艺创作朝着高质量、高效率的方向发展。"
</div>
<div>
业内专家评价道"FiEE的这一技术突破无疑为文艺创作领域注入了新的活力。它不仅提升了创作效率更为创作者带来了全新的创作思路为整个行业的数字化转型提供了宝贵的经验和借鉴。"
</div>
<div>
此次技术突破使FiEE在文艺科技领域的竞争力大幅提升成为行业内的技术引领者未来FiEE将继续加大技术研发投入广纳人才不断探索创新致力于为文艺产业的数字化转型提供更多更优质的技术支持推动文艺创作迈向新的高峰
</div>
<p>{{ $t("companyprofildetail.article1.content[0]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[1]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[2]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[3]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[4]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[5]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[6]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[7]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[8]") }}</p>
<p>{{ $t("companyprofildetail.article1.content[9]") }}</p>
</div>
</div>
</section>
@ -95,10 +73,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[205px] text-center">
全球化战略升级FiEE与30+国际平台达成战略合作构建文艺传播新矩阵
{{ $t("companyprofildetail.article2.title") }}
</div>
<div class="w-full text-center mt-[31px] text-[#455363] text-[72px]">
2025年02月10日 10时30分
{{ $t("companyprofildetail.article2.date") }}
</div>
<div class="mt-[164px] overflow-hidden">
<img
@ -109,45 +87,14 @@
<div
class="w-full px-[188px] text-[#455363] text-[72px] div-indent mt-[241px] mb-[445px]"
>
<div>
在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下文艺领域已然成为文化交流与创新的前沿阵地作为文艺行业的领航者FiEE
以敏锐的战略眼光和果敢的行动力积极投身于这场全球文化交流的浪潮之中
</div>
<div>
近日FiEE 振奋人心地宣布与 TikTokInstagram等 30
余家国际头部自媒体平台达成深度战略合作同时正式启动具有深远意义的
文艺无界计划矢志破除地域之间的文化藩篱全力以赴助力文艺创作者登上广阔无垠的世界舞台此次
FiEE 与全球 30
余家顶尖平台的深度携手堪称一场全方位深层次的资源整合与协同创新的盛会
</div>
<div>
在社交媒体领域 TikTok 的合作堪称一大亮点TikTok
以其独特的短视频生态和强大的算法推荐系统在全球范围内吸引了数十亿用户借助这一平台FiEE
能够将文艺创作者的精彩作品以极具感染力的短视频形式迅速精准地推送给全球各地对文艺感兴趣的用户轻松打破地域限制引发全球范围内的热烈互动与关注
</div>
<div>
Instagram
则凭借其精美的视觉呈现和活跃的社交氛围为各类文艺作品搭建了一个绝佳的展示橱窗在这里创作者们的作品能够得到高水准的展示收获海量粉丝的关注与点赞极大地提升作品的曝光量与影响力让艺术之美在全球范围内广泛传播在垂直社区方面
ArtStation
等专业平台的合作为不同文艺领域的创作者们营造了一个专业纯粹的交流与展示空间
</div>
<div>
为确保 文艺无界计划 能够高效有序地实施FiEE
制定了一系列详尽且切实可行的策略与措施在内容创作环节FiEE
将邀请国际知名的文艺专家创作者开展线上线下相结合的专业培训与指导课程帮助创作者深入了解国际市场的审美偏好文化需求以及流行趋势从而提升作品的国际传播力
</div>
<div>
在推广运营方面FiEE
将整合各方优势资源为创作者量身定制全方位立体化的推广方案一方面积极举办线上创作比赛等活动吸引全球用户的目光迅速提升创作者的知名度与影响力另一方面充分利用社交媒体平台的广告投放话题营销达人合作等手段精准推送创作者的作品进一步扩大作品的传播范围让更多人能够欣赏到优秀的文艺创作
</div>
<div>
可以预见对于广大文艺创作者而言此次合作无疑是一次千载难逢的发展机遇他们将有机会与国际顶尖的艺术家创作者进行深度交流与合作接触到全球最前沿的创作理念与技术从而拓宽自己的创作视野提升创作水平同时通过多元化的平台矩阵他们的作品能够获得前所未有的曝光量与认可度实现商业价值的最大化为自己的艺术生涯开辟更为广阔的发展空间
</div>
<div>
展望未来FiEE
将坚定不移地继续深化与国际平台的合作不断优化和完善
文艺无界计划持续为文艺创作者提供更加优质全面高效的服务助力他们在国际舞台上绽放出更加耀眼夺目的光芒为推动全球文化的交流融合与繁荣贡献更多的智慧与力量
</div>
<p>{{ $t("companyprofildetail.article2.content[0]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[1]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[2]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[3]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[4]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[5]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[6]") }}</p>
<p>{{ $t("companyprofildetail.article2.content[7]") }}</p>
</div>
</div>
</section>
@ -159,10 +106,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[205px] text-center">
助力文艺创作者FiEE 发布 AI × 短视频 全链路解决方案
{{ $t("companyprofildetail.article3.title") }}
</div>
<div class="w-full text-center mt-[31px] text-[#455363] text-[72px]">
2025年02月14日 12时30分
{{ $t("companyprofildetail.article3.date") }}
</div>
<div class="mt-[164px] overflow-hidden">
<img
@ -173,48 +120,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[72px] div-indent mt-[241px] mb-[445px]"
>
<div>
对于文艺创作者而言创作瓶颈与效率低下是横亘在前行道路上的两座大山构思一个吸引人的短视频脚本常常需要耗费大量时间和精力创作者们不仅要绞尽脑汁思考独特的创意还要兼顾受众喜好和市场趋势
</div>
<div>
作品完成后的传播与推广同样是一道难以跨越的鸿沟在信息爆炸的时代如何让自己的作品在海量内容中脱颖而出精准触达目标受众成为创作者们日思夜想的难题
</div>
<div>
传统的传播方式犹如撒网捕鱼精准度严重不足大量优质的文艺内容在传播过程中石沉大海难以被真正感兴趣的受众发现而且用户互动性的欠缺也使得创作者无法深入挖掘用户需求难以与受众建立起紧密的情感连接作品难以真正
起来在传播的浪潮中显得孤立无援
</div>
<div>
在科技飞速发展的当下人工智能与短视频行业正以前所未有的速度改变着文艺创作与传播的格局
</div>
<div>
作为文艺领域的创新先锋FiEE
紧跟时代步伐积极探索技术与文艺的深度融合今日正式发布 AI ×
短视频 全链路解决方案为文艺行业带来了一场革命性的变革
</div>
<div>
该解决方案集成了多项前沿 AI
技术具有多方面的显著优势在内容创作环节AI
智能脚本生成工具能够根据创作者输入的主题风格受众等关键信息快速生成创意十足的脚本通过对海量优秀短视频脚本和文艺作品的学习AI
不仅能提供新颖的故事框架还能精准匹配符合主题的情节与台词大大缩短了创作周期
</div>
<div>
在内容传播与运营方面AI
大数据分析技术让短视频的推广更加精准有效通过对用户的浏览历史点赞评论行为关注列表等多维度数据进行深度分析系统能够精准洞察用户的兴趣偏好和需求将文艺创作者的作品推送给真正感兴趣的受众群体该解决方案的应用场景广泛无论是专业的文艺创作者还是怀揣文艺梦想的业余爱好者都能从中受益
</div>
<div>
专业创作者可以借助 AI
技术突破创作瓶颈提升创作效率创作出更具创新性和影响力的作品业余爱好者则可以通过该方案降低创作门槛轻松实现自己的创作想法享受创作的乐趣FiEE
相关负责人表示我们一直关注着文艺创作者的需求和痛点希望通过AI
×
短视频全链路解决方案为他们提供全方位的支持和帮助这不仅是一次技术的创新应用更是我们助力文艺行业发展的一次重要实践我们相信
AI
技术的加持下文艺创作者们能够创作出更多优秀的作品让文艺之光照亮更广阔的天地
</div>
<div>
展望未来FiEE 将持续投入研发力量不断优化和完善 AI × 短视频
全链路解决方案探索更多 AI
技术在文艺领域的应用场景加强与行业伙伴的合作共同推动文艺创作与传播的创新发展为文艺创作者打造更加优质高效的创作环境助力文艺行业迈向新的高峰
</div>
<p>{{ $t("companyprofildetail.article3.content[0]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[1]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[2]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[3]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[4]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[5]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[6]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[7]") }}</p>
<p>{{ $t("companyprofildetail.article3.content[8]") }}</p>
</div>
</div>
</section>
@ -226,10 +140,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[205px] text-center">
FiEE启动 18 个月艺术 KOL 孵化培育文艺领域明日之星
{{ $t("companyprofildetail.article4.title") }}
</div>
<div class="w-full text-center mt-[31px] text-[#455363] text-[72px]">
2025年02月19日 12时00分
{{ $t("companyprofildetail.article4.date") }}
</div>
<div class="mt-[164px] overflow-hidden">
<img
@ -240,44 +154,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[72px] div-indent mt-[241px] mb-[445px]"
>
<div>
在文艺产业蓬勃发展的当下优质内容创作者的重要性愈发凸显作为行业内的先锋企业FiEE始终关注着文艺领域的人才培养与发展动态
</div>
<div>
今日FiEE正式宣布启动一项精心筹备长达 18 个月的艺术 KOL
孵化计划旨在为文艺领域培育一批具有强大影响力的明日之星推动整个行业的创新发展随着社交媒体的兴起和内容传播方式的变革KOL
在文艺领域的传播与推广中扮演着关键角色他们不仅是优质内容的创作者更是连接文艺作品与广大受众的桥梁
</div>
<div>
然而培养一位成熟且具有广泛影响力的艺术 KOL
并非一蹴而就需要系统的规划专业的指导以及充足的实践机会FiEE敏锐地洞察到这一市场需求投入大量资源精心策划了此次为期
18
个月的孵化计划此次孵化计划目标明确旨在挖掘并培养一批在文艺领域具有潜力的创作者帮助他们成长为在国内外具有较高知名度和影响力的艺术
KOL
</div>
<div>
通过这一计划不仅能够为这些创作者提供广阔的发展空间还能为文艺市场注入新鲜血液推动文艺作品的多元化传播在实施内容上计划涵盖多个维度全方位助力创作者成长在专业培训环节公司邀请了来自不同艺术领域的知名专家和学者为创作者们提供系统且深入的课程培训
</div>
<div>
这些课程内容丰富既包括艺术创作技巧的提升如绘画中的色彩运用音乐创作中的旋律编排等也涵盖新媒体运营知识如社交媒体营销策略粉丝互动技巧等以及商业管理方面的课程帮助创作者了解文艺市场的运作规律实现作品的商业价值转化同时为确保每位创作者都能得到个性化的指导公司还为他们配备了一对一的导师导师将根据创作者的特点和需求提供针对性的建议和帮助
</div>
<div>
资源对接也是孵化计划的重要组成部分FiEE凭借多年在行业内积累的深厚资源和广泛的合作伙伴关系为创作者搭建了与品牌媒体平台等对接的桥梁创作者们有机会与知名品牌合作为其创作具有艺术价值的宣传内容与媒体合作参与文艺专题报道和节目制作与各大文艺平台合作发布自己的作品扩大作品的传播范围
</div>
<div>
FiEE艺术 KOL
孵化项目负责人在启动仪式上表示我们坚信每一位参与孵化计划的创作者都具有无限的潜力
18
个月的时间将是他们成长的关键时期FiEE将全力为他们提供支持和帮助让他们在艺术创作的道路上越走越远成为文艺领域的中流砥柱
</div>
<div>
展望未来此次 18 个月艺术 KOL
孵化计划的实施有望为文艺领域培养出一批具有独特风格和广泛影响力的
KOL
</div>
<div>
他们将通过自己的作品和影响力吸引更多人关注文艺推动文艺作品的传播与创新为文艺产业的繁荣发展贡献重要力量FiEE也将持续关注创作者的成长不断优化孵化计划为文艺领域的人才培养探索更多有效的模式
</div>
<p>{{ $t("companyprofildetail.article4.content[0]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[1]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[2]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[3]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[4]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[5]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[6]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[7]") }}</p>
<p>{{ $t("companyprofildetail.article4.content[8]") }}</p>
</div>
</div>
</section>
@ -289,10 +174,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[205px] text-center">
多元人才汇聚FiEE 构筑文艺创新发展基石
{{ $t("companyprofildetail.article5.title") }}
</div>
<div class="w-full text-center mt-[31px] text-[#455363] text-[72px]">
2025年02月20日 12时00分
{{ $t("companyprofildetail.article5.date") }}
</div>
<div class="mt-[164px] overflow-hidden">
<img
@ -303,40 +188,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[72px] div-indent mt-[241px] mb-[445px]"
>
<div>
在当下文艺行业蓬勃发展百花齐放的黄金时代创新俨然成为引领行业持续进步突破传统格局的关键要素而追根溯源人才作为创新的核心驱动力其重要性不言而喻
</div>
<div>
FiEE
深明此理以海纳百川的胸怀和高瞻远瞩的战略眼光积极广纳贤才精心汇聚运营专家技术精英以及国际顾问成功打造出一支专业素养过硬知识结构多元的卓越团队为公司在文艺领域的创新征程筑牢了坚不可摧的发展根基
</div>
<div>
运营专家团队堪称 FiEE
在文艺领域稳健前行的领航灯塔他们在文艺行业这片广阔天地中深耕多年凭借丰富的实战经验和对市场的深度理解练就了敏锐捕捉市场动态的能力对受众喜好的把握更是精准入微
</div>
<div>
他们借助大数据分析和实地市场调研深入研究不同年龄段不同地域受众的文化背景和兴趣偏好精准定位目标受众为文艺创作者提供极具针对性的创作方向他们会深入剖析当下的社会热点和观众的精神需求巧妙融入时代元素让作品既有深度又具吸引力通过独特的创意策划从项目起步阶段就成功吸引观众的目光为后续的成功奠定坚实基础
</div>
<div>
随着科技与文艺的融合趋势愈发显著技术精英成为 FiEE
创新发展的强劲引擎
</div>
<div>
公司积极招徕掌握人工智能大数据虚拟现实等前沿技术的专业人才为文艺创作注入科技活力在内容创作过程中这些技术精英充分发挥人工智能辅助创作工具的优势为文艺创作者提供源源不断的灵感启发利用虚拟现实VR和增强现实AR技术让作品与观众进行深度互动极大地拓展了文艺作品的表现形式和传播范围
</div>
<div>
在全球化的时代浪潮下国际顾问团队为 FiEE
带来了广阔的全球视野和多元的文化视角他们来自世界各地对不同国家和地区的文艺市场规则审美偏好以及文化差异有着深入的了解在FiEE将本土优秀文艺作品推向世界的过程中国际顾问团队发挥着关键作用这不仅为本土文艺创作者带来了新的创作思路和启发也提升了FiEE在国际文艺领域的影响力
</div>
<div>
正是因为有了运营专家技术精英和国际顾问等多元人才的汇聚FiEE得以通过跨界合作与资源整合突破传统文艺的边界探索文艺新表达FiEE与科技企业时尚品牌教育机构等展开广泛合作将文艺与科技时尚教育等领域深度融合创造出一系列新颖的文艺产品和服务依托前沿技术与精准营销FiEE
助力众多文艺作品实现了商业价值与社会影响力的双重提升为文艺的繁荣发展注入了持久动力
</div>
<div>
展望未来FiEE
将继续秉持开放包容的人才理念不断完善人才战略吸引更多优秀人才加入我们坚信在多元人才的共同努力下FiEE
将在文艺创新发展的道路上不断前行为推动全球文艺事业的繁荣做出更大的贡献
</div>
<p>{{ $t("companyprofildetail.article5.content[0]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[1]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[2]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[3]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[4]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[5]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[6]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[7]") }}</p>
<p>{{ $t("companyprofildetail.article5.content[8]") }}</p>
</div>
</div>
</section>
@ -452,6 +312,7 @@ const handleTabClick = (tab) => {
left: 64px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider5 {
@ -460,5 +321,6 @@ const handleTabClick = (tab) => {
right: 60px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
</style>

View File

@ -12,21 +12,21 @@
:class="{ active: currentTab === 'home' }"
@click="handleTabClick('home')"
>
首页
{{ $t("home.nav.home") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'companyprofil' }"
@click="handleTabClick('companyprofil')"
>
公司概况
{{ $t("home.nav.company") }}
</div>
<div
class="tab-item"
:class="{ active: currentTab === 'businessintroduction' }"
@click="handleTabClick('businessintroduction')"
>
业务介绍
{{ $t("home.nav.businessintroduction") }}
</div>
</div>
</header>
@ -38,10 +38,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[180px] text-center">
实现技术突破引领文艺创作技术革新
{{ $t("companyprofildetail.article1.title") }}
</div>
<div class="w-full text-center mt-[28px] text-[#455363] text-[40px]">
2025年02月07日 12时00分
{{ $t("companyprofildetail.article1.date") }}
</div>
<div class="mt-[63px] overflow-hidden">
<img
@ -52,38 +52,16 @@
<div
class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
>
<div>
在数字化浪潮以前所未有的态势席卷文艺领域的当下文艺创作正经历着深刻变革FiEE凭借着团队持之以恒的努力与创新精神在文艺创作技术领域取得了具有里程碑意义的重大突破
</div>
<div>
历经无数个日夜的艰苦攻坚FiEE自主研发的新一代智能创作辅助系统正式上线宛如一颗冉冉升起的璀璨新星为文艺创作开辟了全新的发展路径给整个行业带来了前所未有的变革与机遇
</div>
<div>
研发过程中技术团队遭遇了诸多棘手难题在海量文艺作品数据的收集环节需从不同年代不同风格不同类型的文艺作品中获取数据涵盖古今中外的文学名著影视佳作音乐经典等这些数据来源广泛且格式多样收集难度极大
整理与分析时既要确保数据的准确性和完整性又要对不同类型的数据进行分类整合以便后续的深度挖掘
</div>
<div>
人工智能算法的优化也绝非易事团队需要不断调整算法参数使其能够精准地从海量数据中提取有价值的信息大数据模型的搭建更是复杂要考虑到模型的稳定性可扩展性以及与其他技术的兼容性
</div>
<div>
团队成员们查阅了海量的国内外资料从前沿学术论文到行业实践案例不放过任何一个可能的灵感来源进行了无数次的实验和模拟每一次实验都可能面临失败但他们从未放弃不断优化方案
</div>
<div>
比如在处理不同类型文艺作品数据的兼容性时团队创新性地采用了多维度数据分类算法这种算法通过对数据的时间维度风格维度题材维度等多个角度进行分析将看似杂乱无章的数据进行有效分类确保了数据的精准分析和利用为后续的智能创作支持奠定了坚实基础
该智能创作辅助系统整合了人工智能大数据等前沿技术为创作者提供了全方位智能化的创作支持通过对海量文艺作品数据的深度挖掘与分析系统能够精准洞察当下文艺创作的趋势与热点
</div>
<div>
在提高创作效率方面系统的人工智能技术展现出强大实力传统创作方式可能需要花费数月时间构思框架而使用该系统仅需几天时间就能生成初步框架创作者只需在此基础上进行细节完善大大缩短了创作周期
</div>
<div>
公司技术研发团队负责人在发布会上难掩激动之情"这次技术突破是我们团队长期以来辛勤付出的结晶也是FiEE对文艺创作技术革新的一次大胆尝试。我们深知在科技飞速发展的今天只有不断创新才能为文艺创作者提供更强大的创作工具推动文艺创作朝着高质量、高效率的方向发展。"
</div>
<div>
业内专家评价道"FiEE的这一技术突破无疑为文艺创作领域注入了新的活力。它不仅提升了创作效率更为创作者带来了全新的创作思路为整个行业的数字化转型提供了宝贵的经验和借鉴。"
</div>
<div>
此次技术突破使FiEE在文艺科技领域的竞争力大幅提升成为行业内的技术引领者未来FiEE将继续加大技术研发投入广纳人才不断探索创新致力于为文艺产业的数字化转型提供更多更优质的技术支持推动文艺创作迈向新的高峰
</div>
<div>{{ $t("companyprofildetail.article1.content[0]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[1]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[2]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[3]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[4]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[5]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[6]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[7]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[8]") }}</div>
<div>{{ $t("companyprofildetail.article1.content[9]") }}</div>
</div>
</div>
</section>
@ -95,10 +73,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[180px] text-center">
全球化战略升级FiEE与30+国际平台达成战略合作构建文艺传播新矩阵
{{ $t("companyprofildetail.article2.title") }}
</div>
<div class="w-full text-center mt-[28px] text-[#455363] text-[40px]">
2025年02月10日 10时30分
{{ $t("companyprofildetail.article2.date") }}
</div>
<div class="mt-[63px] overflow-hidden">
<img
@ -109,45 +87,14 @@
<div
class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
>
<div>
在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下文艺领域已然成为文化交流与创新的前沿阵地作为文艺行业的领航者FiEE
以敏锐的战略眼光和果敢的行动力积极投身于这场全球文化交流的浪潮之中
</div>
<div>
近日FiEE 振奋人心地宣布与 TikTokInstagram等 30
余家国际头部自媒体平台达成深度战略合作同时正式启动具有深远意义的
文艺无界计划矢志破除地域之间的文化藩篱全力以赴助力文艺创作者登上广阔无垠的世界舞台此次
FiEE 与全球 30
余家顶尖平台的深度携手堪称一场全方位深层次的资源整合与协同创新的盛会
</div>
<div>
在社交媒体领域 TikTok 的合作堪称一大亮点TikTok
以其独特的短视频生态和强大的算法推荐系统在全球范围内吸引了数十亿用户借助这一平台FiEE
能够将文艺创作者的精彩作品以极具感染力的短视频形式迅速精准地推送给全球各地对文艺感兴趣的用户轻松打破地域限制引发全球范围内的热烈互动与关注
</div>
<div>
Instagram
则凭借其精美的视觉呈现和活跃的社交氛围为各类文艺作品搭建了一个绝佳的展示橱窗在这里创作者们的作品能够得到高水准的展示收获海量粉丝的关注与点赞极大地提升作品的曝光量与影响力让艺术之美在全球范围内广泛传播在垂直社区方面
ArtStation
等专业平台的合作为不同文艺领域的创作者们营造了一个专业纯粹的交流与展示空间
</div>
<div>
为确保 文艺无界计划 能够高效有序地实施FiEE
制定了一系列详尽且切实可行的策略与措施在内容创作环节FiEE
将邀请国际知名的文艺专家创作者开展线上线下相结合的专业培训与指导课程帮助创作者深入了解国际市场的审美偏好文化需求以及流行趋势从而提升作品的国际传播力
</div>
<div>
在推广运营方面FiEE
将整合各方优势资源为创作者量身定制全方位立体化的推广方案一方面积极举办线上创作比赛等活动吸引全球用户的目光迅速提升创作者的知名度与影响力另一方面充分利用社交媒体平台的广告投放话题营销达人合作等手段精准推送创作者的作品进一步扩大作品的传播范围让更多人能够欣赏到优秀的文艺创作
</div>
<div>
可以预见对于广大文艺创作者而言此次合作无疑是一次千载难逢的发展机遇他们将有机会与国际顶尖的艺术家创作者进行深度交流与合作接触到全球最前沿的创作理念与技术从而拓宽自己的创作视野提升创作水平同时通过多元化的平台矩阵他们的作品能够获得前所未有的曝光量与认可度实现商业价值的最大化为自己的艺术生涯开辟更为广阔的发展空间
</div>
<div>
展望未来FiEE
将坚定不移地继续深化与国际平台的合作不断优化和完善
文艺无界计划持续为文艺创作者提供更加优质全面高效的服务助力他们在国际舞台上绽放出更加耀眼夺目的光芒为推动全球文化的交流融合与繁荣贡献更多的智慧与力量
</div>
<div>{{ $t("companyprofildetail.article2.content[0]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[1]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[2]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[3]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[4]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[5]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[6]") }}</div>
<div>{{ $t("companyprofildetail.article2.content[7]") }}</div>
</div>
</div>
</section>
@ -159,10 +106,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[180px] text-center">
助力文艺创作者FiEE 发布 AI × 短视频 全链路解决方案
{{ $t("companyprofildetail.article3.title") }}
</div>
<div class="w-full text-center mt-[28px] text-[#455363] text-[40px]">
2025年02月14日 12时30分
{{ $t("companyprofildetail.article3.date") }}
</div>
<div class="mt-[63px] overflow-hidden">
<img
@ -173,48 +120,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
>
<div>
对于文艺创作者而言创作瓶颈与效率低下是横亘在前行道路上的两座大山构思一个吸引人的短视频脚本常常需要耗费大量时间和精力创作者们不仅要绞尽脑汁思考独特的创意还要兼顾受众喜好和市场趋势
</div>
<div>
作品完成后的传播与推广同样是一道难以跨越的鸿沟在信息爆炸的时代如何让自己的作品在海量内容中脱颖而出精准触达目标受众成为创作者们日思夜想的难题
</div>
<div>
传统的传播方式犹如撒网捕鱼精准度严重不足大量优质的文艺内容在传播过程中石沉大海难以被真正感兴趣的受众发现而且用户互动性的欠缺也使得创作者无法深入挖掘用户需求难以与受众建立起紧密的情感连接作品难以真正
起来在传播的浪潮中显得孤立无援
</div>
<div>
在科技飞速发展的当下人工智能与短视频行业正以前所未有的速度改变着文艺创作与传播的格局
</div>
<div>
作为文艺领域的创新先锋FiEE
紧跟时代步伐积极探索技术与文艺的深度融合今日正式发布 AI ×
短视频 全链路解决方案为文艺行业带来了一场革命性的变革
</div>
<div>
该解决方案集成了多项前沿 AI
技术具有多方面的显著优势在内容创作环节AI
智能脚本生成工具能够根据创作者输入的主题风格受众等关键信息快速生成创意十足的脚本通过对海量优秀短视频脚本和文艺作品的学习AI
不仅能提供新颖的故事框架还能精准匹配符合主题的情节与台词大大缩短了创作周期
</div>
<div>
在内容传播与运营方面AI
大数据分析技术让短视频的推广更加精准有效通过对用户的浏览历史点赞评论行为关注列表等多维度数据进行深度分析系统能够精准洞察用户的兴趣偏好和需求将文艺创作者的作品推送给真正感兴趣的受众群体该解决方案的应用场景广泛无论是专业的文艺创作者还是怀揣文艺梦想的业余爱好者都能从中受益
</div>
<div>
专业创作者可以借助 AI
技术突破创作瓶颈提升创作效率创作出更具创新性和影响力的作品业余爱好者则可以通过该方案降低创作门槛轻松实现自己的创作想法享受创作的乐趣FiEE
相关负责人表示我们一直关注着文艺创作者的需求和痛点希望通过AI
×
短视频全链路解决方案为他们提供全方位的支持和帮助这不仅是一次技术的创新应用更是我们助力文艺行业发展的一次重要实践我们相信
AI
技术的加持下文艺创作者们能够创作出更多优秀的作品让文艺之光照亮更广阔的天地
</div>
<div>
展望未来FiEE 将持续投入研发力量不断优化和完善 AI × 短视频
全链路解决方案探索更多 AI
技术在文艺领域的应用场景加强与行业伙伴的合作共同推动文艺创作与传播的创新发展为文艺创作者打造更加优质高效的创作环境助力文艺行业迈向新的高峰
</div>
<div>{{ $t("companyprofildetail.article3.content[0]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[1]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[2]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[3]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[4]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[5]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[6]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[7]") }}</div>
<div>{{ $t("companyprofildetail.article3.content[8]") }}</div>
</div>
</div>
</section>
@ -226,10 +140,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[180px] text-center">
FiEE启动 18 个月艺术 KOL 孵化培育文艺领域明日之星
{{ $t("companyprofildetail.article4.title") }}
</div>
<div class="w-full text-center mt-[28px] text-[#455363] text-[40px]">
2025年02月19日 12时00分
{{ $t("companyprofildetail.article4.date") }}
</div>
<div class="mt-[63px] overflow-hidden">
<img
@ -240,44 +154,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
>
<div>
在文艺产业蓬勃发展的当下优质内容创作者的重要性愈发凸显作为行业内的先锋企业FiEE始终关注着文艺领域的人才培养与发展动态
</div>
<div>
今日FiEE正式宣布启动一项精心筹备长达 18 个月的艺术 KOL
孵化计划旨在为文艺领域培育一批具有强大影响力的明日之星推动整个行业的创新发展随着社交媒体的兴起和内容传播方式的变革KOL
在文艺领域的传播与推广中扮演着关键角色他们不仅是优质内容的创作者更是连接文艺作品与广大受众的桥梁
</div>
<div>
然而培养一位成熟且具有广泛影响力的艺术 KOL
并非一蹴而就需要系统的规划专业的指导以及充足的实践机会FiEE敏锐地洞察到这一市场需求投入大量资源精心策划了此次为期
18
个月的孵化计划此次孵化计划目标明确旨在挖掘并培养一批在文艺领域具有潜力的创作者帮助他们成长为在国内外具有较高知名度和影响力的艺术
KOL
</div>
<div>
通过这一计划不仅能够为这些创作者提供广阔的发展空间还能为文艺市场注入新鲜血液推动文艺作品的多元化传播在实施内容上计划涵盖多个维度全方位助力创作者成长在专业培训环节公司邀请了来自不同艺术领域的知名专家和学者为创作者们提供系统且深入的课程培训
</div>
<div>
这些课程内容丰富既包括艺术创作技巧的提升如绘画中的色彩运用音乐创作中的旋律编排等也涵盖新媒体运营知识如社交媒体营销策略粉丝互动技巧等以及商业管理方面的课程帮助创作者了解文艺市场的运作规律实现作品的商业价值转化同时为确保每位创作者都能得到个性化的指导公司还为他们配备了一对一的导师导师将根据创作者的特点和需求提供针对性的建议和帮助
</div>
<div>
资源对接也是孵化计划的重要组成部分FiEE凭借多年在行业内积累的深厚资源和广泛的合作伙伴关系为创作者搭建了与品牌媒体平台等对接的桥梁创作者们有机会与知名品牌合作为其创作具有艺术价值的宣传内容与媒体合作参与文艺专题报道和节目制作与各大文艺平台合作发布自己的作品扩大作品的传播范围
</div>
<div>
FiEE艺术 KOL
孵化项目负责人在启动仪式上表示我们坚信每一位参与孵化计划的创作者都具有无限的潜力
18
个月的时间将是他们成长的关键时期FiEE将全力为他们提供支持和帮助让他们在艺术创作的道路上越走越远成为文艺领域的中流砥柱
</div>
<div>
展望未来此次 18 个月艺术 KOL
孵化计划的实施有望为文艺领域培养出一批具有独特风格和广泛影响力的
KOL
</div>
<div>
他们将通过自己的作品和影响力吸引更多人关注文艺推动文艺作品的传播与创新为文艺产业的繁荣发展贡献重要力量FiEE也将持续关注创作者的成长不断优化孵化计划为文艺领域的人才培养探索更多有效的模式
</div>
<div>{{ $t("companyprofildetail.article4.content[0]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[1]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[2]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[3]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[4]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[5]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[6]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[7]") }}</div>
<div>{{ $t("companyprofildetail.article4.content[8]") }}</div>
</div>
</div>
</section>
@ -289,10 +174,10 @@
>
<div class="flex flex-wrap justify-center">
<div class="w-full title mt-[298px] px-[180px] text-center">
多元人才汇聚FiEE 构筑文艺创新发展基石
{{ $t("companyprofildetail.article5.title") }}
</div>
<div class="w-full text-center mt-[28px] text-[#455363] text-[40px]">
2025年02月20日 12时00分
{{ $t("companyprofildetail.article5.date") }}
</div>
<div class="mt-[63px] overflow-hidden">
<img
@ -303,40 +188,15 @@
<div
class="w-full px-[188px] text-[#455363] text-[40px] div-indent mt-[118px] mb-[275px]"
>
<div>
在当下文艺行业蓬勃发展百花齐放的黄金时代创新俨然成为引领行业持续进步突破传统格局的关键要素而追根溯源人才作为创新的核心驱动力其重要性不言而喻
</div>
<div>
FiEE
深明此理以海纳百川的胸怀和高瞻远瞩的战略眼光积极广纳贤才精心汇聚运营专家技术精英以及国际顾问成功打造出一支专业素养过硬知识结构多元的卓越团队为公司在文艺领域的创新征程筑牢了坚不可摧的发展根基
</div>
<div>
运营专家团队堪称 FiEE
在文艺领域稳健前行的领航灯塔他们在文艺行业这片广阔天地中深耕多年凭借丰富的实战经验和对市场的深度理解练就了敏锐捕捉市场动态的能力对受众喜好的把握更是精准入微
</div>
<div>
他们借助大数据分析和实地市场调研深入研究不同年龄段不同地域受众的文化背景和兴趣偏好精准定位目标受众为文艺创作者提供极具针对性的创作方向他们会深入剖析当下的社会热点和观众的精神需求巧妙融入时代元素让作品既有深度又具吸引力通过独特的创意策划从项目起步阶段就成功吸引观众的目光为后续的成功奠定坚实基础
</div>
<div>
随着科技与文艺的融合趋势愈发显著技术精英成为 FiEE
创新发展的强劲引擎
</div>
<div>
公司积极招徕掌握人工智能大数据虚拟现实等前沿技术的专业人才为文艺创作注入科技活力在内容创作过程中这些技术精英充分发挥人工智能辅助创作工具的优势为文艺创作者提供源源不断的灵感启发利用虚拟现实VR和增强现实AR技术让作品与观众进行深度互动极大地拓展了文艺作品的表现形式和传播范围
</div>
<div>
在全球化的时代浪潮下国际顾问团队为 FiEE
带来了广阔的全球视野和多元的文化视角他们来自世界各地对不同国家和地区的文艺市场规则审美偏好以及文化差异有着深入的了解在FiEE将本土优秀文艺作品推向世界的过程中国际顾问团队发挥着关键作用这不仅为本土文艺创作者带来了新的创作思路和启发也提升了FiEE在国际文艺领域的影响力
</div>
<div>
正是因为有了运营专家技术精英和国际顾问等多元人才的汇聚FiEE得以通过跨界合作与资源整合突破传统文艺的边界探索文艺新表达FiEE与科技企业时尚品牌教育机构等展开广泛合作将文艺与科技时尚教育等领域深度融合创造出一系列新颖的文艺产品和服务依托前沿技术与精准营销FiEE
助力众多文艺作品实现了商业价值与社会影响力的双重提升为文艺的繁荣发展注入了持久动力
</div>
<div>
展望未来FiEE
将继续秉持开放包容的人才理念不断完善人才战略吸引更多优秀人才加入我们坚信在多元人才的共同努力下FiEE
将在文艺创新发展的道路上不断前行为推动全球文艺事业的繁荣做出更大的贡献
</div>
<div>{{ $t("companyprofildetail.article5.content[0]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[1]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[2]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[3]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[4]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[5]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[6]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[7]") }}</div>
<div>{{ $t("companyprofildetail.article5.content[8]") }}</div>
</div>
</div>
</section>
@ -399,7 +259,7 @@ const handleTabClick = (tab) => {
top: 0;
left: 0;
right: 0;
padding: 0 10rem;
padding: 0 200px 0 188px;
background-color: transparent;
}
.logo {
@ -436,7 +296,7 @@ const handleTabClick = (tab) => {
}
.div-indent {
text-indent: 2em; // Adjust the value as needed for the desired indent
text-indent: 2em;
line-height: 75px;
}
.title {
@ -446,7 +306,7 @@ const handleTabClick = (tab) => {
.divider1 {
position: absolute;
z-index: 3;
color: #eff1f6;
background-color: rgba(230, 234, 238, 0.5) !important;
left: 116px;
width: 1px;
height: 100%;
@ -455,7 +315,7 @@ const handleTabClick = (tab) => {
.divider5 {
position: absolute;
z-index: 3;
color: #eff1f6;
background-color: rgba(230, 234, 238, 0.5) !important;
right: 116px;
width: 1px;
height: 100%;

View File

@ -59,7 +59,7 @@
src="@/assets/image/home/375/bg-1.png"
/>
</div>
<div class="content">
<div class="content px-[338px]">
<div
class="text-[#10253E] text-[123px] leading-[164px] font-semibold mt-[480px]"
>
@ -80,21 +80,17 @@
<div class="divider4" style=""></div>
<n-divider class="divider5" vertical />
<div class="parallax-bg" style="margin-top: 70px"></div>
<div class="content3 mt-[451px]">
<div class="text-[#8B59F7] text-[72px] px-[184px]">
<div class="content3 mt-[451px] px-[184px]">
<div class="text-[#8B59F7] text-[72px]">
{{ t("home.section3.label") }}
</div>
<div class="text-[#10253E] text-[113px] mt-[87px] px-[184px]">
FiEE
</div>
<div
class="text-[#455363] text-[72px] mt-[159px] pl-[184px] pr-[323px]"
>
<div class="text-[#10253E] text-[113px] mt-[87px]">FiEE</div>
<div class="text-[#455363] text-[72px] mt-[159px]">
{{ t("home.section3.desc") }}
</div>
<n-marquee auto-fill>
<div style="display: flex" class="mt-[317px] px-[64px]">
<div style="display: flex" class="mt-[160px]">
<div class="text-[#455363] text-[40px] mr-[83px] w-[1024px]">
<img
class="w-[973px] h-[973px]"
@ -108,7 +104,7 @@
{{ t("home.section3.features.data.title") }}
</div>
<div
class="text-[#455363] text-[72px] mt-[72px] max-w-[1024px] break-words"
class="text-[#455363] text-[72px] mt-[72px] line-4 max-w-[1024px] break-words"
>
{{ t("home.section3.features.data.desc") }}
</div>
@ -126,7 +122,7 @@
{{ t("home.section3.features.ai.title") }}
</div>
<div
class="text-[#455363] text-[72px] mt-[72px] max-w-[1024px] break-words"
class="text-[#455363] text-[72px] mt-[72px] line-4 max-w-[1024px] break-words"
>
{{ t("home.section3.features.ai.desc") }}
</div>
@ -144,7 +140,7 @@
{{ t("home.section3.features.cloud.title") }}
</div>
<div
class="text-[#455363] text-[72px] mt-[72px] max-w-[1024px] break-words"
class="text-[#455363] text-[72px] mt-[72px] line-4 max-w-[1024px] break-words"
>
{{ t("home.section3.features.cloud.desc") }}
</div>
@ -162,7 +158,7 @@
{{ t("home.section3.features.cooperation.title") }}
</div>
<div
class="text-[#455363] text-[72px] mt-[72px] max-w-[1024px] break-words"
class="text-[#455363] text-[72px] mt-[72px] line-4 max-w-[1024px] break-words"
>
{{ t("home.section3.features.cooperation.desc") }}
</div>
@ -180,7 +176,7 @@
{{ t("home.section3.features.promotion.title") }}
</div>
<div
class="text-[#455363] text-[72px] mt-[72px] max-w-[1024px] break-words"
class="text-[#455363] text-[72px] mt-[72px] line-4 max-w-[1024px] break-words"
>
{{ t("home.section3.features.promotion.desc") }}
</div>
@ -1012,6 +1008,7 @@ watch(
left: 64px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider5 {
@ -1020,6 +1017,7 @@ watch(
right: 60px;
width: 1px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.carousel-img {
@ -1242,4 +1240,12 @@ watch(
.panel:last-child .parallax-bg {
height: 100%; //
}
.line-4 {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: calc(1.5em * 4);
}
</style>

View File

@ -974,6 +974,7 @@ watch(
.tabs {
display: flex;
gap: 32px;
margin-right: 32px;
}
.tab-item {
@ -1050,6 +1051,7 @@ watch(
left: 22px;
width: 4px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.divider3 {
@ -1067,6 +1069,7 @@ watch(
z-index: 9;
right: 22px;
height: 100%;
background-color: rgba(230, 234, 238, 0.5) !important;
}
.carousel-img {