添加国际化
This commit is contained in:
scout
parent
18350b5540
commit
b4e105ffab
BIN
src/assets/image/3dy.png
Normal file
BIN
src/assets/image/3dy.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/assets/image/dq.png
Normal file
BIN
src/assets/image/dq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 632 KiB |
BIN
src/assets/image/fp1.png
Normal file
BIN
src/assets/image/fp1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
BIN
src/assets/image/fp2.png
Normal file
BIN
src/assets/image/fp2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
BIN
src/assets/image/fp3.png
Normal file
BIN
src/assets/image/fp3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 291 KiB |
BIN
src/assets/image/gpz.png
Normal file
BIN
src/assets/image/gpz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
src/assets/image/gz.png
Normal file
BIN
src/assets/image/gz.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/assets/image/jxgb.png
Normal file
BIN
src/assets/image/jxgb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
src/assets/image/pball.png
Normal file
BIN
src/assets/image/pball.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 572 B |
BIN
src/assets/image/qq.png
Normal file
BIN
src/assets/image/qq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 409 KiB |
BIN
src/assets/image/sm.png
Normal file
BIN
src/assets/image/sm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/image/xb.png
Normal file
BIN
src/assets/image/xb.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
BIN
src/assets/image/ywjs.png
Normal file
BIN
src/assets/image/ywjs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 276 KiB |
@ -23,7 +23,7 @@ function getBrowserLanguage() {
|
||||
}
|
||||
|
||||
// 获取存储的语言或浏览器语言
|
||||
const savedLanguage = localStorage.getItem('language') || getBrowserLanguage()
|
||||
const savedLanguage = 'ja'
|
||||
|
||||
const i18n = createI18n({
|
||||
legacy: false, // 使用 Composition API
|
||||
|
||||
@ -8,7 +8,7 @@ export default {
|
||||
nav: {
|
||||
home: 'Home',
|
||||
company: 'Company Overview',
|
||||
business: 'Business Introduction'
|
||||
businessintroduction: 'Business Introduction'
|
||||
},
|
||||
scroll: {
|
||||
tip: 'Scroll Down'
|
||||
@ -152,5 +152,196 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
companyprofildetail: {
|
||||
article1: {
|
||||
title: 'Achieving Technical Breakthrough, Leading Art Creation Technology Innovation',
|
||||
date: 'February 7, 2025 12:00',
|
||||
content: [
|
||||
'As the digital wave sweeps through the art field with unprecedented momentum, art creation is undergoing profound changes. With persistent efforts and innovative spirit, FiEE has achieved milestone breakthroughs in art creation technology.',
|
||||
'After countless days and nights of hard work, FiEE\'s self-developed new generation intelligent creation assistance system has officially launched, like a rising brilliant star, opening a new development path for art creation and bringing unprecedented changes and opportunities to the entire industry.',
|
||||
'During the development process, the technical team encountered numerous challenges. In the data collection phase for massive artistic works, they needed to gather data from different eras, styles, and types of artistic works, covering classical literature, outstanding films, and musical masterpieces from ancient to modern times, both domestic and international. These data sources were diverse and varied in format, making collection extremely challenging. During organization and analysis, they had to ensure data accuracy and completeness while categorizing and integrating different types of data for subsequent deep mining.',
|
||||
'Optimizing artificial intelligence algorithms was no easy task either. The team needed to continuously adjust algorithm parameters to accurately extract valuable information from massive data. Building big data models was even more complex, considering model stability, scalability, and compatibility with other technologies.',
|
||||
'Team members reviewed massive domestic and international materials, from cutting-edge academic papers to industry practice cases, not missing any possible source of inspiration. They conducted countless experiments and simulations, facing potential failure in each experiment, but never gave up, continuously optimizing solutions.',
|
||||
'For example, when dealing with the compatibility of different types of artistic work data, the team innovatively adopted a multi-dimensional data classification algorithm. This algorithm analyzes data from multiple angles such as time dimension, style dimension, and theme dimension, effectively categorizing seemingly chaotic data, ensuring precise data analysis and utilization, laying a solid foundation for subsequent intelligent creation support. The intelligent creation assistance system integrates cutting-edge technologies like artificial intelligence and big data, providing comprehensive, intelligent creation support for creators. Through deep mining and analysis of massive artistic work data, the system can accurately insight into current art creation trends and hotspots.',
|
||||
'In terms of improving creation efficiency, the system\'s artificial intelligence technology shows powerful capabilities. Traditional creation methods might require months to conceive a framework, but using this system, it only takes a few days to generate an initial framework, creators only need to refine details on this basis, greatly shortening the creation cycle.',
|
||||
'The company\'s technical R&D team leader could hardly contain his excitement at the press conference: "This technical breakthrough is the crystallization of our team\'s long-term dedicated efforts, and also FiEE\'s bold attempt at art creation technology innovation. We deeply understand that in today\'s rapid technological development, only through continuous innovation can we provide stronger creation tools for art creators, pushing art creation towards high-quality, high-efficiency development."',
|
||||
'Industry experts commented: "FiEE\'s technical breakthrough has undoubtedly injected new vitality into the art creation field. It not only improves creation efficiency but also brings creators new creative ideas, providing valuable experience and reference for the entire industry\'s digital transformation."',
|
||||
'This technical breakthrough has significantly enhanced FiEE\'s competitiveness in the art technology field, becoming an industry technology leader. In the future, FiEE will continue to increase investment in technical R&D, broadly recruit talents, continuously explore innovation, committed to providing more and better technical support for the art industry\'s digital transformation, pushing art creation towards new heights.'
|
||||
]
|
||||
},
|
||||
article2: {
|
||||
title: 'Global Strategy Upgrade, FiEE Reaches Strategic Cooperation with 30+ International Platforms, Building New Art Communication Matrix',
|
||||
date: 'February 10, 2025 10:30',
|
||||
content: [
|
||||
'Against the backdrop of accelerating global cultural integration with unprecedented momentum, the art field has become the frontier of cultural exchange and innovation. As a leader in the art industry, FiEE actively participates in this wave of global cultural exchange with keen strategic vision and decisive action.',
|
||||
'Recently, FiEE excitingly announced deep strategic cooperation with over 30 international leading self-media platforms including TikTok and Instagram, while officially launching the far-reaching "Art Without Borders Plan", determined to break down cultural barriers between regions, fully helping art creators shine on the vast world stage. This deep collaboration between FiEE and over 30 global top platforms can be called a grand gathering of comprehensive, in-depth resource integration and collaborative innovation.',
|
||||
'In the social media field, cooperation with TikTok stands out as a highlight. TikTok, with its unique short video ecosystem and powerful algorithm recommendation system, has attracted billions of users globally. Through this platform, FiEE can quickly and precisely push art creators\' excellent works in highly infectious short video format to users interested in art worldwide, easily breaking geographical restrictions, triggering global interaction and attention.',
|
||||
'Instagram, with its exquisite visual presentation and active social atmosphere, has built an excellent showcase window for various artistic works. Here, creators\' works can receive high-standard display, gaining massive fan attention and likes, greatly increasing work exposure and influence, letting artistic beauty spread widely globally. In terms of vertical communities, cooperation with professional platforms like ArtStation creates a professional, pure exchange and display space for creators in different art fields.',
|
||||
'To ensure efficient and orderly implementation of the "Art Without Borders Plan", FiEE has formulated a series of detailed and feasible strategies and measures. In the content creation phase, FiEE will invite internationally renowned art experts and creators to conduct combined online and offline professional training and guidance courses, helping creators deeply understand international market aesthetic preferences, cultural needs, and popular trends, thus enhancing works\' international communication power.',
|
||||
'In terms of promotion and operation, FiEE will integrate various advantageous resources to customize comprehensive, three-dimensional promotion plans for creators. On one hand, actively organizing online creation competitions and other activities to attract global users\' attention, quickly enhancing creators\' fame and influence; on the other hand, fully utilizing social media platforms\' advertising placement, topic marketing, KOL cooperation and other means to precisely push creators\' works, further expanding works\' communication range, letting more people appreciate excellent artistic creations.',
|
||||
'Predictably, for the broad art creators, this cooperation is undoubtedly a once-in-a-lifetime development opportunity. They will have chances to deeply communicate and cooperate with international top artists and creators, accessing the world\'s most cutting-edge creation concepts and technologies, thus broadening their creative vision and improving creation level. Meanwhile, through diversified platform matrix, their works can gain unprecedented exposure and recognition, maximizing commercial value, opening up broader development space for their artistic careers.',
|
||||
'Looking forward, FiEE will unswervingly continue to deepen cooperation with international platforms, continuously optimize and improve the "Art Without Borders Plan", continue to provide better, more comprehensive, more efficient services for art creators, helping them shine more brilliantly on the international stage, contributing more wisdom and strength to promoting global cultural exchange, integration and prosperity.'
|
||||
]
|
||||
},
|
||||
article3: {
|
||||
title: 'Empowering Art Creators, FiEE Releases "AI × Short Video" Full-Chain Solution',
|
||||
date: 'February 14, 2025 12:30',
|
||||
content: [
|
||||
'For art creators, creative bottlenecks and low efficiency are two mountains standing in the way forward. Conceiving an attractive short video script often requires a lot of time and energy, creators not only have to rack their brains to think of unique ideas but also need to consider audience preferences and market trends.',
|
||||
'The dissemination and promotion after work completion is also a difficult gap to cross. In the era of information explosion, how to make one\'s work stand out among massive content and precisely reach target audiences has become a problem that creators think about day and night.',
|
||||
'Traditional communication methods are like casting nets to catch fish, severely lacking precision, lots of quality artistic content sinks into the sea during communication, difficult to be discovered by truly interested audiences. Moreover, the lack of user interactivity also makes it difficult for creators to deeply mine user needs, difficult to establish close emotional connections with audiences, works difficult to truly "come alive", seeming isolated and helpless in the wave of communication.',
|
||||
'In the current rapid development of technology, artificial intelligence and short video industry are changing the pattern of artistic creation and communication at unprecedented speed.',
|
||||
'As an innovation pioneer in the art field, FiEE closely follows the pace of the times, actively explores deep integration of technology and art, today officially releases the "AI × Short Video" full-chain solution, bringing a revolutionary change to the art industry.',
|
||||
'This solution integrates multiple cutting-edge AI technologies, having multiple significant advantages. In the content creation phase, AI intelligent script generation tools can quickly generate creative scripts based on key information input by creators such as theme, style, and audience. Through learning from massive excellent short video scripts and artistic works, AI can not only provide novel story frameworks but also precisely match plots and lines fitting the theme, greatly shortening the creation cycle.',
|
||||
'In terms of content communication and operation, AI big data analysis technology makes short video promotion more precise and effective. Through deep analysis of multi-dimensional data such as users\' browsing history, like and comment behavior, follow lists, the system can precisely insight into users\' interest preferences and needs, pushing art creators\' works to truly interested audience groups. This solution has wide application scenarios, whether professional art creators or amateur enthusiasts with artistic dreams can benefit from it.',
|
||||
'Professional creators can use AI technology to break through creative bottlenecks, improve creation efficiency, create more innovative and influential works; amateur enthusiasts can lower creation barriers through this solution, easily realize their creative ideas, enjoy the fun of creation. FiEE\'s relevant person in charge stated: "We have been focusing on art creators\' needs and pain points, hoping to provide comprehensive support and help through the \'AI × Short Video\' full-chain solution. This is not only an innovative application of technology but also an important practice in helping art industry development. We believe that with AI technology empowerment, art creators can create more excellent works, letting artistic light illuminate broader horizons."',
|
||||
'Looking forward, FiEE will continue to invest in R&D efforts, continuously optimize and improve the "AI × Short Video" full-chain solution, explore more AI technology application scenarios in the art field, strengthen cooperation with industry partners, jointly promote innovative development of artistic creation and communication, create better, more efficient creation environment for art creators, help art industry reach new heights.'
|
||||
]
|
||||
},
|
||||
article4: {
|
||||
title: 'FiEE Launches 18-Month Art KOL Incubation, Cultivating Tomorrow\'s Stars in Art Field',
|
||||
date: 'February 19, 2025 12:00',
|
||||
content: [
|
||||
'In the current flourishing development of the art industry, the importance of quality content creators is increasingly prominent. As a pioneer in the industry, FiEE has always focused on talent cultivation and development dynamics in the art field.',
|
||||
'Today, FiEE officially announces the launch of an 18-month art KOL incubation plan that has been carefully prepared, aiming to cultivate a batch of future stars with strong influence in the art field and promote the innovative development of the entire industry. With the rise of social media and the revolution of content communication methods, KOLs play a key role in art field communication and promotion. They are not only quality content creators but also bridges connecting artistic works with broad audiences.',
|
||||
'However, cultivating a mature and widely influential art KOL cannot be achieved overnight, requiring systematic planning, professional guidance, and sufficient practical opportunities. FiEE keenly insights into this market demand, investing massive resources, carefully planning this 18-month incubation plan. This incubation plan has clear goals, aiming to discover and cultivate a batch of potential creators in the art field, helping them grow into art KOLs with high domestic and international fame and influence.',
|
||||
'Through this plan, it can not only provide broad development space for these creators but also inject fresh blood into the art market, promoting diversified communication of artistic works. In terms of implementation content, the plan covers multiple dimensions, comprehensively helping creators grow. In the professional training phase, the company has invited renowned experts and scholars from different art fields to provide systematic and in-depth course training for creators.',
|
||||
'These courses are rich in content, including improvement of artistic creation skills such as color use in painting and melody arrangement in music creation, also covering new media operation knowledge such as social media marketing strategies and fan interaction skills, as well as business management courses, helping creators understand art market operation rules and realize works\' commercial value transformation. Meanwhile, to ensure each creator receives personalized guidance, the company has also equipped them with one-on-one mentors who will provide targeted advice and help based on creators\' characteristics and needs.',
|
||||
'Resource connection is also an important part of the incubation plan. FiEE leverages years of accumulated deep industry resources and broad partnership relationships to build bridges connecting creators with brands, media, platforms, etc. Creators have opportunities to cooperate with famous brands, creating promotional content with artistic value; cooperate with media, participating in art special reports and program production; cooperate with major art platforms, publishing their works, expanding works\' communication range.',
|
||||
'FiEE\'s art KOL incubation project leader stated at the launch ceremony: "We firmly believe that every creator participating in the incubation plan has unlimited potential. These 18 months will be their key growth period. FiEE will fully provide support and help, letting them go further on the path of artistic creation, becoming pillars of the art field."',
|
||||
'Looking forward, the implementation of this 18-month art KOL incubation plan is expected to cultivate a batch of KOLs with unique styles and broad influence for the art field.',
|
||||
'They will attract more attention to art through their works and influence, promote artistic works\' communication and innovation, contributing important strength to art industry\'s prosperous development. FiEE will also continue to focus on creators\' growth, continuously optimize the incubation plan, exploring more effective modes for art field talent cultivation.'
|
||||
]
|
||||
},
|
||||
article5: {
|
||||
title: 'Diverse Talents Gathering, FiEE Builds Foundation for Art Innovation Development',
|
||||
date: 'February 20, 2025 12:00',
|
||||
content: [
|
||||
'In the current golden age of flourishing art industry development with hundred flowers blooming, innovation has apparently become the key element leading industry\'s continuous progress and breaking through traditional patterns. Tracing back to the source, talent as the core driving force of innovation is of self-evident importance.',
|
||||
'FiEE deeply understands this truth and actively recruits talents with an open-minded attitude and far-sighted strategic vision, carefully gathering operation experts, technical elites, and international consultants, successfully building an excellent team with solid professional quality and diverse knowledge structure, laying an unshakeable development foundation for the company\'s innovation journey in the art field.',
|
||||
'The operation expert team can be called the lighthouse guiding FiEE\'s steady progress in the art field. They have deeply cultivated in the vast territory of art industry for many years, with rich practical experience and deep market understanding, developing keen ability to capture market dynamics, and extremely precise grasp of audience preferences.',
|
||||
'They use big data analysis and field market research to deeply study cultural backgrounds and interest preferences of audiences from different age groups and regions, precisely positioning target audiences, providing highly targeted creation directions for art creators. They deeply analyze current social hotspots and audience spiritual needs, cleverly integrating era elements, making works both deep and attractive. Through unique creative planning, successfully attracting audience attention from project start phase, laying solid foundation for subsequent success.',
|
||||
'As the integration trend of technology and art becomes increasingly prominent, technical elites have become FiEE\'s strong engine for innovative development.',
|
||||
'The company actively recruits professional talents mastering cutting-edge technologies like artificial intelligence, big data, virtual reality, injecting technological vitality into artistic creation. In the content creation process, these technical elites fully utilize advantages of AI-assisted creation tools, providing continuous inspiration for art creators. Using virtual reality (VR) and augmented reality (AR) technologies to let works deeply interact with audiences, greatly expanding artistic works\' expression forms and communication range.',
|
||||
'Under the wave of globalization era, the international consultant team brings FiEE broad global vision and diverse cultural perspectives. They come from around the world, having deep understanding of different countries and regions\' art market rules, aesthetic preferences, and cultural differences. The international consultant team plays a key role in FiEE\'s process of pushing local excellent artistic works to the world. This not only brings new creative ideas and inspiration for local art creators but also enhances FiEE\'s influence in international art field.',
|
||||
'It is precisely because of the gathering of diverse talents like operation experts, technical elites, and international consultants that FiEE can break through traditional art boundaries and explore new artistic expressions through cross-border cooperation and resource integration. FiEE develops broad cooperation with technology companies, fashion brands, educational institutions, etc., deeply integrating art with technology, fashion, education and other fields, creating a series of novel artistic products and services. Relying on cutting-edge technology and precise marketing, FiEE helps numerous artistic works achieve both commercial value and social influence breakthroughs, injecting lasting momentum into art\'s prosperous development.',
|
||||
'Looking forward, FiEE will continue to uphold open and inclusive talent concept, continuously improve talent strategy, attract more excellent talents to join. We firmly believe that under the joint efforts of diverse talents, FiEE will continue to advance on the path of art innovation development, making greater contributions to promoting global art career\'s prosperity.'
|
||||
]
|
||||
}
|
||||
},
|
||||
businessintroduction: {
|
||||
hero: {
|
||||
title1: 'AI × Short Video',
|
||||
title2: 'Leading the New Vision of Cultural Creation',
|
||||
desc: 'Deeply integrating cutting-edge AI technology with the unique advantages of short video platforms, pioneering an exploratory journey, standing at the forefront to lead the cultural creation field into an unprecedented new horizon'
|
||||
},
|
||||
industry: {
|
||||
label: 'Industry Status',
|
||||
title: 'Cultural Creation Meets Obstacles, Short Video Unlocks New Growth Code',
|
||||
desc: 'As the cultural creation field faces challenges of content homogenization and creative exhaustion, short videos, with their unique immersive experience and powerful social fission properties, break through constraints, injecting new vitality like spring rain, becoming a powerful engine driving growth.',
|
||||
challenges: {
|
||||
title: 'Art Market Dilemma',
|
||||
items: [
|
||||
{
|
||||
title: 'Artistic Value Obscured',
|
||||
desc: 'Lack of brand building and market operations causes artistic value to remain hidden, making it difficult for the public to understand and recognize.'
|
||||
},
|
||||
{
|
||||
title: 'Promotion Path Bottleneck',
|
||||
desc: 'Personal social platforms and traditional exhibition forms are outdated, unable to achieve broad and quality exposure, severely constraining dissemination.'
|
||||
},
|
||||
{
|
||||
title: 'Single Channel Limitation',
|
||||
desc: 'Over-reliance on offline galleries and individual exhibitions leads to narrow promotion scope, resulting in unstable and singular income structure.'
|
||||
},
|
||||
{
|
||||
title: 'Traditional Marketing Constraints',
|
||||
desc: 'Traditional advertising channels are expensive, beyond art creators\' financial capacity, greatly limiting promotion scope.'
|
||||
}
|
||||
]
|
||||
},
|
||||
opportunity: {
|
||||
title: 'Short Video Self-Media: Surging New Force, Harboring Boundless Business Opportunities',
|
||||
desc: 'Currently, the short video market is experiencing explosive growth with rapidly expanding advertising scale. As a vital force in internet content, short video\'s user base and usage duration are soaring, opening vast possibilities for advertising and monetization, with user engagement time ratio continuously rising, user stickiness increasing daily, harboring unlimited potential and opportunities.'
|
||||
}
|
||||
},
|
||||
solution: {
|
||||
label: 'Industry Status',
|
||||
title: 'Cultural Creation Meets Obstacles, Short Video Unlocks New Growth Code',
|
||||
features: {
|
||||
precision: {
|
||||
title: 'Precise Distribution Ignites Fan Growth Engine',
|
||||
desc: 'Utilizing big data analysis and AI algorithms to deeply analyze user browsing habits, search preferences, and behavioral data, building precise user profiles to accurately push art creators\' works to potential audiences, transforming undirected demand into loyal fans, laying the foundation for creators\' influence spread.'
|
||||
},
|
||||
monetization: {
|
||||
title: 'Diverse Monetization Activates Commercial Value Chain',
|
||||
desc: 'Building a fan economy operation system to tap into artistic creation\'s commercial value. Through convenient tipping mechanisms, fans can instantly express appreciation for creators; providing physical and digital artwork sales channels to meet fans\' collection needs; launching subscription services offering exclusive content and priority event participation rights to enhance fan stickiness. These channels promote fans\' transformation into consumers, achieving income growth for both creators and platform.'
|
||||
},
|
||||
interaction: {
|
||||
title: 'Interactive Sharing Builds Art Ecosystem Loop',
|
||||
desc: 'Leveraging intelligent social recommendation technology to promote deep fan interaction and communication, sharing insights and creative inspiration, exploring mutual potential needs, achieving natural fan group fission. Meanwhile, using data analysis to insight into consumer group characteristics and needs, precisely expanding consumption circles, discovering new business opportunities. This interactive sharing mechanism builds a sustainable art creation ecosystem, continuously enhancing creators\' influence while achieving steady development and revenue growth for the company, reaching win-win outcomes.'
|
||||
}
|
||||
}
|
||||
},
|
||||
vision: {
|
||||
label: 'Market Vision',
|
||||
title: 'Crafting New Blueprint for Art Market',
|
||||
desc: 'In the ever-changing art wave, FIEE uses innovation as pen and precise insight as ink, redefining the future of art industry with innovative thinking and global vision. Deeply tapping artistic potential, integrating diverse cultural elements, breaking traditional barriers, building online traffic communities, reshaping art ecosystem, stimulating market vitality, leading new directions of artistic value, opening a new era for the art market.',
|
||||
community: {
|
||||
title: 'Building Billion-User Traffic Community, Establishing Global Art Exchange Platform',
|
||||
desc: 'Using cutting-edge big data and AI technology to create billion-level traffic community, gathering global art enthusiasts. Leveraging intelligent algorithms to achieve precise content push and interest matching, promoting exchange and interaction, building efficient communication bridges between art creators and fans, constructing cornerstone for art ecosystem traffic.'
|
||||
}
|
||||
},
|
||||
cooperation: {
|
||||
title: 'Global Cooperation Expansion, Drawing Multi-Integration Map',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025',
|
||||
desc: 'Achieving deep cooperation with 1500+ art institutions and tech enterprises, integrating resources, jointly exploring art-tech fusion projects, promoting innovation in artistic creation and communication models.'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026',
|
||||
desc: 'Global partners exceeding 5000+, establishing extensive cooperation network, expanding business coverage areas, implementing projects in major global art markets, enhancing brand international recognition.'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027',
|
||||
desc: 'Strategic partners surpassing 10000+, forming solid global strategic alliance, fully connecting art industry chain, achieving resource sharing and mutual benefits.'
|
||||
}
|
||||
}
|
||||
},
|
||||
incubation: {
|
||||
title: '18-Month Zero-Base Art KOL Incubation',
|
||||
subtitle: 'Unleashing Artistic Business Potential',
|
||||
desc: '18 months marks a journey of deep artistic potential exploration and business transformation. From painting techniques to aesthetic construction, from content creation to traffic operation, providing comprehensive empowerment. FiEE customizes growth paths for zero-base individuals, helping you bridge art and business, becoming trend-leading art KOLs, embarking on an artistic journey of unlimited possibilities.',
|
||||
features: {
|
||||
fans: {
|
||||
title: 'Fan Growth',
|
||||
desc: 'By 2027, through precise marketing strategies, helping each artist exceed 100,000 fans, reaching 1 billion community members, strengthening art creators\' fan base, enhancing work influence.'
|
||||
},
|
||||
kol: {
|
||||
title: 'KOL Incubation',
|
||||
desc: 'Relying on billion-user traffic community, using precise data analysis, transforming ordinary art creators or commercial brands into internationally renowned KOLs within 18 months, achieving efficient conversion between artistic and commercial value.'
|
||||
}
|
||||
}
|
||||
},
|
||||
exposure: {
|
||||
title: 'Market Vision',
|
||||
desc: 'With cutting-edge communication strategies, precisely targeting global audience mindshare. Deeply integrating top media resources, achieving exponential breakthrough in exposure, comprehensively shaping global brand influence, leading art trends to the center of world stage.',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025',
|
||||
desc: 'Self-media platform exposure breaking through 500 million+, enhancing brand and creator exposure through multi-platform linkage and creative content marketing.'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026',
|
||||
desc: 'Exposure reaching 1 billion+, deepening brand communication, attracting more potential users and partners.'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027',
|
||||
desc: 'Achieving 5 billion+ cross-dimensional breakthrough, breaking industry and cultural boundaries, comprehensively enhancing brand international influence, promoting deep integration of culture, art and technology, shaping new industry development trends.'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -7,7 +7,24 @@ export default {
|
||||
home: {
|
||||
title: '児童美術コレクション',
|
||||
vote: '投票',
|
||||
signup: '登録'
|
||||
signup: '登録',
|
||||
nav: {
|
||||
home: 'ホーム',
|
||||
company: '会社概要',
|
||||
businessintroduction: '事業紹介'
|
||||
},
|
||||
scroll: {
|
||||
tip: 'スクロールダウン'
|
||||
},
|
||||
section2: {
|
||||
title1: 'FiEEとアートクリエイター',
|
||||
title2: 'グローバルな影響力への新たな旅'
|
||||
},
|
||||
section3: {
|
||||
label: '会社プロフィール',
|
||||
title: 'FiEE',
|
||||
desc: '最先端技術に深く根ざしたイノベーションのパイオニアとして、FiEEはAIとビッグデータのアート創作への応用を継続的に研究しています。芸術的コンセプトの深い分析と創造的実践への深い洞察を通じて、私たちはアートの発展動向を正確に把握しています。情熱を持って、様々な技術とリソースを統合し、インスピレーションからプロモーションまで、アートクリエイターに包括的な支援を提供しています。'
|
||||
}
|
||||
},
|
||||
vote: {
|
||||
title: '児童美術コレクションイベント',
|
||||
@ -20,5 +37,119 @@ export default {
|
||||
phone: '電話番号',
|
||||
submit: '登録を送信'
|
||||
}
|
||||
},
|
||||
businessintroduction: {
|
||||
hero: {
|
||||
title1: 'AI × ショートビデオ',
|
||||
title2: '文化創造の新しいビジョンを先導',
|
||||
desc: '最先端のAI技術とショートビデオプラットフォームの独自の利点を深く融合し、探索の旅を先駆的に開始し、文化創造分野を前例のない新しい地平へと導きます'
|
||||
},
|
||||
industry: {
|
||||
label: '業界の現状',
|
||||
title: '文化創造の障壁を突破、ショートビデオが成長の新コードを解き放つ',
|
||||
desc: '文化創造分野がコンテンツの同質化と創造的疲弊の課題に直面する中、ショートビデオは独自の没入型体験と強力なソーシャル伝播性を活かし、制約を打破し、春雨のように業界に新たな活力を注入し、成長を牽引する強力なエンジンとなっています。',
|
||||
challenges: {
|
||||
title: 'アート市場のジレンマ',
|
||||
items: [
|
||||
{
|
||||
title: 'アート価値の埋没',
|
||||
desc: 'ブランド構築と市場運営の不足により、芸術的価値が見えにくくなり、大衆の理解と認知を得ることが困難になっています。'
|
||||
},
|
||||
{
|
||||
title: 'プロモーション経路の停滞',
|
||||
desc: '個人のソーシャルプラットフォームと従来の展示形式が時代遅れとなり、広範かつ質の高い露出を達成できず、普及を大きく制限しています。'
|
||||
},
|
||||
{
|
||||
title: '宣伝チャネルの単一性',
|
||||
desc: 'オフラインギャラリーと個別展示会への過度の依存により、宣伝範囲が狭く、収入構造が単一で不安定になっています。'
|
||||
},
|
||||
{
|
||||
title: '従来型マーケティングの制約',
|
||||
desc: '従来の広告チャネルは高額で、アートクリエイターの財力では対応が困難であり、プロモーション範囲を大きく制限しています。'
|
||||
}
|
||||
]
|
||||
},
|
||||
opportunity: {
|
||||
title: 'ショートビデオ自媒体：躍進する新勢力、無限のビジネスチャンスを秘める',
|
||||
desc: '現在、ショートビデオ市場は爆発的な成長を遂げ、広告規模が急速に拡大しています。インターネットコンテンツ分野の活力として、ユーザー規模と利用時間が急上昇し、広告配信とマネタイズの可能性を広げ、ユーザーの利用時間比率が継続的に上昇し、ユーザーの粘着性が日々増加しており、無限の潜在力と機会を秘めています。'
|
||||
}
|
||||
},
|
||||
solution: {
|
||||
label: '業界の現状',
|
||||
title: '文化創造の障壁を突破、ショートビデオが成長の新コードを解き放つ',
|
||||
features: {
|
||||
precision: {
|
||||
title: '精密配信でファン成長エンジンを始動',
|
||||
desc: 'ビッグデータ分析とAIアルゴリズムを活用し、ユーザーの閲覧習慣、検索嗜好などの行動データを深く分析し、精密なユーザープロファイルを構築して、アートクリエイターの作品を潜在的な視聴者に正確に配信し、無目的な需要を忠実なファンに転換し、クリエイターの影響力拡大の基盤を築きます。'
|
||||
},
|
||||
monetization: {
|
||||
title: '多様な収益化で商業価値チェーンを活性化',
|
||||
desc: 'アート創作の商業価値を掘り起こすため、ファンエコノミー運営システムを構築します。便利な投げ銭メカニズムを通じて、ファンがクリエイターへの愛着を即座に表現できるようにし、実物とデジタル作品の販売チャネルを提供してファンのコレクションニーズを満たし、サブスクリプションサービスを導入して独占コンテンツとイベント優先参加権を提供し、ファンの粘着性を高めます。これらのチャネルを通じて、ファンを消費者に転換し、クリエイターとプラットフォームの収入増加を実現します。'
|
||||
},
|
||||
interaction: {
|
||||
title: 'インタラクティブな共有でアートエコシステムを構築',
|
||||
desc: 'インテリジェントなソーシャル推薦技術を活用し、ファン間の深い交流を促進し、洞察と創作のインスピレーションを共有し、相互の潜在的ニーズを掘り起こし、ファングループの自然な拡大を実現します。同時に、データ分析を通じて消費者グループの特徴とニーズを洞察し、消費サークルを精密に拡大し、新たなビジネスチャンスを発掘します。このインタラクティブな共有メカニズムにより、持続可能なアート創作エコシステムを構築し、クリエイターの影響力を継続的に高め、企業も安定した発展と収益増加を実現し、Win-Winの成果を達成します。'
|
||||
}
|
||||
}
|
||||
},
|
||||
vision: {
|
||||
label: '市場ビジョン',
|
||||
title: 'アート市場の新しい青写真を描く',
|
||||
desc: '変化し続けるアートの波の中で、FiEEはイノベーションを筆に、精密な洞察を墨に、革新的思考とグローバルな視野でアート産業の未来を再定義します。アートの潜在力を深く掘り起こし、多様な文化要素を融合し、従来の障壁を打破し、オンラインのトラフィックコミュニティを構築し、アートエコシステムを再構築し、市場の活力を刺激し、アート価値の新しい方向性を先導し、アート市場の新時代を切り開きます。',
|
||||
community: {
|
||||
title: '10億ユーザーのトラフィックコミュニティを構築し、グローバルアート交流の高地を確立',
|
||||
desc: '最先端のビッグデータとAI技術を活用し、10億規模のトラフィックコミュニティを構築し、世界中のアート愛好家を集めます。インテリジェントアルゴリズムを活用して精密なコンテンツ配信と興味マッチングを実現し、交流とインタラクションを促進し、アートクリエイターとファンの間に効率的なコミュニケーションブリッジを構築し、アートエコシステムのトラフィック基盤を構築します。'
|
||||
}
|
||||
},
|
||||
cooperation: {
|
||||
title: 'グローバル協力の拡大、多元的融合の地図を描く',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '1500以上のアート機関、テクノロジー企業との深い協力を達成し、リソースを統合し、アートとテクノロジーの融合プロジェクトを共同で探求し、芸術創作とコミュニケーションモデルのイノベーションを推進します。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: 'グローバルパートナーが5000以上に達し、広範な協力ネットワークを確立し、事業カバレッジ領域を拡大し、世界主要アート市場でプロジェクトを展開し、ブランドの国際的認知度を向上させます。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '戦略的パートナーが10000以上に達し、強固なグローバル戦略同盟を形成し、アート産業チェーンを完全に接続し、リソース共有と互恵的利益を実現します。'
|
||||
}
|
||||
}
|
||||
},
|
||||
incubation: {
|
||||
title: '18ヶ月のゼロベースアートKOL育成',
|
||||
subtitle: 'アートビジネスの潜在力を解き放つ',
|
||||
desc: '18ヶ月は、アートの潜在力を深く掘り起こし、ビジネス変革の旅です。絵画技法から美的構築まで、コンテンツ制作からトラフィック運営まで、包括的な支援を提供します。FiEEはゼロベースの個人にカスタマイズされた成長パスを提供し、アートとビジネスの架け橋となり、トレンドを先導するアートKOLとなり、無限の可能性を秘めたアートの旅を始めます。',
|
||||
features: {
|
||||
fans: {
|
||||
title: 'ファン成長',
|
||||
desc: '2027年までに、精密なマーケティング戦略を通じて、各アーティストのファン数を10万人以上に、コミュニティメンバーを10億人に到達させ、アートクリエイターのファン基盤を強化し、作品の影響力を高めます。'
|
||||
},
|
||||
kol: {
|
||||
title: 'KOL育成',
|
||||
desc: '10億ユーザーのトラフィックコミュニティに依拠し、精密なデータ分析を活用して、18ヶ月以内に一般のアートクリエイターや商業ブランドを国際的に著名なKOLに変革し、芸術的価値と商業的価値の効率的な転換を実現します。'
|
||||
}
|
||||
}
|
||||
},
|
||||
exposure: {
|
||||
title: '市場ビジョン',
|
||||
desc: '最先端のコミュニケーション戦略で、グローバルな視聴者のマインドシェアを精密にターゲティングします。トップメディアリソースを深く統合し、露出の指数級の突破を達成し、グローバルブランドの影響力を包括的に形成し、アートトレンドを世界の舞台の中心へと導きます。',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '自媒体プラットフォームの露出が5億以上を突破し、マルチプラットフォーム連携とクリエイティブコンテンツマーケティングを通じて、ブランドとクリエイターの露出を向上させます。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: '露出が10億以上に達し、ブランドコミュニケーションを深化させ、より多くの潜在的ユーザーとパートナーを引き付けます。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '50億以上のクロスディメンショナルな突破を実現し、業界と文化の境界を打破し、ブランドの国際的影響力を包括的に向上させ、文化・芸術とテクノロジーの深い融合を推進し、業界発展の新しいトレンドを形成します。'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -7,7 +7,24 @@ export default {
|
||||
home: {
|
||||
title: '兒童美術徵集',
|
||||
vote: '投票',
|
||||
signup: '報名'
|
||||
signup: '報名',
|
||||
nav: {
|
||||
home: '首頁',
|
||||
company: '公司概況',
|
||||
businessintroduction: '業務介紹'
|
||||
},
|
||||
scroll: {
|
||||
tip: '向下滑動'
|
||||
},
|
||||
section2: {
|
||||
title1: 'FiEE攜手文藝創作者',
|
||||
title2: '啟航全球影響力新征程'
|
||||
},
|
||||
section3: {
|
||||
label: '公司簡介',
|
||||
title: 'FiEE',
|
||||
desc: '作為一家深度紮根前沿科技領域的創新領航者，FiEE持續鑽研AI、大數據在文藝創作中的應用。憑藉對文藝理念的深度剖析，以及對創作實踐的深刻洞察，我們精準把握文藝發展脈絡。懷著滿腔熱忱，整合各類技術與資源，為文藝創作者提供從靈感啟發到作品推廣的全方位賦能。'
|
||||
}
|
||||
},
|
||||
vote: {
|
||||
title: '兒童美術徵集活動',
|
||||
@ -20,5 +37,119 @@ export default {
|
||||
phone: '手機號',
|
||||
submit: '提交報名'
|
||||
}
|
||||
},
|
||||
businessintroduction: {
|
||||
hero: {
|
||||
title1: 'AI × 短視頻',
|
||||
title2: '領航文創新視界',
|
||||
desc: '深度融合前沿 AI 技術與短視頻平台的獨特優勢，率先開啟探索之旅，勇立潮頭，領航文創領域踏入前所未有的嶄新視界'
|
||||
},
|
||||
industry: {
|
||||
label: '行業現狀',
|
||||
title: '文創遇阻，短視頻解鎖行業增長新密碼',
|
||||
desc: '在文創領域深陷內容趨同、靈感枯竭的困局時，短視頻憑藉其獨特的沉浸式體驗、強大的社交裂變屬性，打破桎梏，如春風化雨般為行業注入新的生命力，成為驅動增長的強勁引擎。',
|
||||
challenges: {
|
||||
title: '文藝市場困局',
|
||||
items: [
|
||||
{
|
||||
title: '文藝價值蒙塵',
|
||||
desc: '品牌塑造與市場運營匱乏，致使文藝價值隱於暗處，難以被大眾洞悉與認可。'
|
||||
},
|
||||
{
|
||||
title: '推廣途徑困局',
|
||||
desc: '個人社交平台和傳統展覽形式陳舊，無法達成廣泛且優質的曝光，嚴重束縛傳播。'
|
||||
},
|
||||
{
|
||||
title: '宣傳單一致貧',
|
||||
desc: '過度倚重線下展廳與個別展會，宣傳面狹隘，致使收入結構單一且不穩定。'
|
||||
},
|
||||
{
|
||||
title: '傳統營銷掣肘',
|
||||
desc: '傳統廣告渠道收費高昂，文藝創作者財力難支，極大限制了推廣宣傳的範圍。'
|
||||
}
|
||||
]
|
||||
},
|
||||
opportunity: {
|
||||
title: '短視頻自媒體：澎湃新勢，蘊蓄無垠商機',
|
||||
desc: '當下，短視頻市場呈爆發式增長，廣告規模迅猛擴張。短視頻作為互聯網內容領域的活力擔當，用戶規模和使用時長一路飆升，為廣告投放與變現開闢廣闊天地，用戶時長佔比節節攀升，用戶粘性與日俱增，蘊藏無限潛力與機遇。'
|
||||
}
|
||||
},
|
||||
solution: {
|
||||
label: '行業現狀',
|
||||
title: '文創遇阻，短視頻解鎖行業增長新密碼',
|
||||
features: {
|
||||
precision: {
|
||||
title: '精準分發 開啟粉絲增長引擎',
|
||||
desc: '運用大數據分析與 AI 算法，深度剖析用戶瀏覽習慣、搜索偏好等行為數據，構建精準用戶畫像，把文藝創作者的作品精準推送給潛在受眾，將無目的需求方轉化為忠實粉絲，為創作者影響力傳播奠定基礎。'
|
||||
},
|
||||
monetization: {
|
||||
title: '多元變現 激活商業價值鏈條',
|
||||
desc: '為挖掘文藝創作商業價值，搭建粉絲經濟運營體系。通過便捷打賞機制，讓粉絲即時表達對創作者的喜愛；提供實體和數字作品售賣渠道，滿足粉絲收藏需求；推出訂閱服務，提供獨家內容與活動優先參與權益，增強粉絲粘性。這些途徑推動粉絲轉變為消費者，實現創作者和平台的收入增長。'
|
||||
},
|
||||
interaction: {
|
||||
title: '互動共享 構建藝術生態閉環',
|
||||
desc: '借助智能社交推薦技術，推動粉絲間深度互動交流，分享見解與創作靈感，挖掘彼此潛在需求，實現粉絲群體自然裂變。同時，通過數據分析洞察消費群體特徵和需求，精準拓展消費圈層，挖掘新商機。這一互動共享機制構建起可持續發展的文藝創作生態，創作者影響力持續提升，公司也實現穩健發展與收益增長，達成雙贏。'
|
||||
}
|
||||
}
|
||||
},
|
||||
vision: {
|
||||
label: '市場願景',
|
||||
title: '擘畫文藝市場新藍圖',
|
||||
desc: '在變幻莫測的藝術浪潮中，FIEE以創新為筆，精準洞察為墨，以創新思維與全球化視野重新定義文藝產業的未來。深度挖掘文藝潛力，融合多元文化元素，打破傳統壁壘，搭建線上流量社群，重塑文藝生態，激發市場活力，引領文藝價值的新流向，開啟文藝市場的全新時代。',
|
||||
community: {
|
||||
title: '構建十億流量社群，搭建全球文藝交流高地',
|
||||
desc: '運用前沿大數據與 AI 技術，打造十億級流量社群，匯聚全球文藝愛好者。借助智能算法實現精準內容推送與興趣匹配，促進交流互動，為文藝創作者與粉絲搭建高效溝通橋樑，構建文藝生態流量基石。'
|
||||
}
|
||||
},
|
||||
cooperation: {
|
||||
title: '全球合作拓展,繪製多元融合版圖',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '與 1500 + 文藝機構、科技企業達成深度合作，整合資源，共同探索文藝科技融合項目，推動藝術創作與傳播模式創新。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: '全球合作夥伴突破 5000+，建立廣泛合作網絡，拓展業務覆蓋區域，在全球主要藝術市場落地項目，提升品牌國際知名度。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '戰略合作夥伴超 10000+，形成穩固全球戰略聯盟，全面打通文藝產業鏈，實現資源共享、互利共贏。'
|
||||
}
|
||||
}
|
||||
},
|
||||
incubation: {
|
||||
title: '18個月孵化0基礎藝術KOL',
|
||||
subtitle: '釋放文藝商業潛能',
|
||||
desc: '18 個月，是一場藝術潛能的深度挖掘，更是一次文藝商業的破繭之旅。從繪畫技巧到審美構建，從內容創作到流量運營，全方位賦能。FiEE為 0 基礎者量身定制成長路徑，助你跨越文藝與商業的橋樑，成為引領潮流的文藝 KOL ，開啟無限可能的文藝新征程。',
|
||||
features: {
|
||||
fans: {
|
||||
title: '粉絲增長',
|
||||
desc: '至 2027 年，憑藉精準營銷策略，助力每位藝術家粉絲數超 10 萬，粉絲社區人數達 10 億，壯大文藝創作者粉絲群體，增強作品影響力。'
|
||||
},
|
||||
kol: {
|
||||
title: 'KOL孵化',
|
||||
desc: '依託十億流量社群，運用精準數據分析，18 個月內將普通文藝創作者或商業品牌打造成國際知名 KOL，實現藝術價值與商業價值的高效轉化。'
|
||||
}
|
||||
}
|
||||
},
|
||||
exposure: {
|
||||
title: '市場願景',
|
||||
desc: '憑藉前沿的傳播策略，精準狙擊全球受眾心智。深度整合頂級媒體資源，讓曝光量呈指數級突破，全方位塑造全球品牌影響力，引領文藝潮流走向世界舞台中央。',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '自媒體平台曝光量突破 5 億+，通過多平台聯動、創意內容營銷，提升品牌與創作者曝光度。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: '曝光量達 10 億 +，深化品牌傳播，吸引更多潛在用戶與合作夥伴。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '實現 50 億 + 跨次元突破，打破行業與文化界限，全方位提升品牌國際影響力，推動文化藝術與科技深度交融，塑造行業發展新潮流。'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -8,7 +8,7 @@ export default {
|
||||
nav: {
|
||||
home: '首页',
|
||||
company: '公司概况',
|
||||
business: '业务介绍'
|
||||
businessintroduction: '业务介绍'
|
||||
},
|
||||
scroll: {
|
||||
tip: '向下滑动'
|
||||
@ -140,5 +140,196 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
companyprofildetail: {
|
||||
article1: {
|
||||
title: '实现技术突破，引领文艺创作技术革新',
|
||||
date: '2025年02月07日 12时00分',
|
||||
content: [
|
||||
'在数字化浪潮以前所未有的态势席卷文艺领域的当下，文艺创作正经历着深刻变革。FiEE凭借着团队持之以恒的努力与创新精神，在文艺创作技术领域取得了具有里程碑意义的重大突破。',
|
||||
'历经无数个日夜的艰苦攻坚，FiEE自主研发的新一代智能创作辅助系统正式上线，宛如一颗冉冉升起的璀璨新星，为文艺创作开辟了全新的发展路径，给整个行业带来了前所未有的变革与机遇。',
|
||||
'研发过程中，技术团队遭遇了诸多棘手难题。在海量文艺作品数据的收集环节，需从不同年代、不同风格、不同类型的文艺作品中获取数据，涵盖古今中外的文学名著、影视佳作、音乐经典等，这些数据来源广泛且格式多样，收集难度极大。整理与分析时，既要确保数据的准确性和完整性，又要对不同类型的数据进行分类整合，以便后续的深度挖掘。',
|
||||
'人工智能算法的优化也绝非易事，团队需要不断调整算法参数，使其能够精准地从海量数据中提取有价值的信息。大数据模型的搭建更是复杂，要考虑到模型的稳定性、可扩展性以及与其他技术的兼容性。',
|
||||
'团队成员们查阅了海量的国内外资料，从前沿学术论文到行业实践案例，不放过任何一个可能的灵感来源。进行了无数次的实验和模拟，每一次实验都可能面临失败，但他们从未放弃，不断优化方案。',
|
||||
'比如在处理不同类型文艺作品数据的兼容性时，团队创新性地采用了多维度数据分类算法。这种算法通过对数据的时间维度、风格维度、题材维度等多个角度进行分析，将看似杂乱无章的数据进行有效分类，确保了数据的精准分析和利用，为后续的智能创作支持奠定了坚实基础。该智能创作辅助系统整合了人工智能、大数据等前沿技术，为创作者提供了全方位、智能化的创作支持。通过对海量文艺作品数据的深度挖掘与分析，系统能够精准洞察当下文艺创作的趋势与热点。',
|
||||
'在提高创作效率方面，系统的人工智能技术展现出强大实力。传统创作方式可能需要花费数月时间构思框架，而使用该系统，仅需几天时间就能生成初步框架，创作者只需在此基础上进行细节完善，大大缩短了创作周期。',
|
||||
'公司技术研发团队负责人在发布会上难掩激动之情："这次技术突破是我们团队长期以来辛勤付出的结晶，也是FiEE对文艺创作技术革新的一次大胆尝试。我们深知，在科技飞速发展的今天，只有不断创新，才能为文艺创作者提供更强大的创作工具，推动文艺创作朝着高质量、高效率的方向发展。"',
|
||||
'业内专家评价道："FiEE的这一技术突破，无疑为文艺创作领域注入了新的活力。它不仅提升了创作效率，更为创作者带来了全新的创作思路，为整个行业的数字化转型提供了宝贵的经验和借鉴。"',
|
||||
'此次技术突破，使FiEE在文艺科技领域的竞争力大幅提升，成为行业内的技术引领者。未来，FiEE将继续加大技术研发投入，广纳人才，不断探索创新，致力于为文艺产业的数字化转型提供更多、更优质的技术支持，推动文艺创作迈向新的高峰。'
|
||||
]
|
||||
},
|
||||
article2: {
|
||||
title: '全球化战略升级，FiEE与30+国际平台达成战略合作，构建文艺传播新矩阵',
|
||||
date: '2025年02月10日 10时30分',
|
||||
content: [
|
||||
'在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下，文艺领域已然成为文化交流与创新的前沿阵地。作为文艺行业的领航者，FiEE以敏锐的战略眼光和果敢的行动力，积极投身于这场全球文化交流的浪潮之中。',
|
||||
'近日，FiEE振奋人心地宣布与TikTok、Instagram等30余家国际头部自媒体平台达成深度战略合作，同时正式启动具有深远意义的"文艺无界计划"，矢志破除地域之间的文化藩篱，全力以赴助力文艺创作者登上广阔无垠的世界舞台。此次FiEE与全球30余家顶尖平台的深度携手，堪称一场全方位、深层次的资源整合与协同创新的盛会。',
|
||||
'在社交媒体领域，与TikTok的合作堪称一大亮点。TikTok以其独特的短视频生态和强大的算法推荐系统，在全球范围内吸引了数十亿用户。借助这一平台，FiEE能够将文艺创作者的精彩作品以极具感染力的短视频形式，迅速精准地推送给全球各地对文艺感兴趣的用户，轻松打破地域限制，引发全球范围内的热烈互动与关注。',
|
||||
'Instagram则凭借其精美的视觉呈现和活跃的社交氛围，为各类文艺作品搭建了一个绝佳的展示橱窗。在这里，创作者们的作品能够得到高水准的展示，收获海量粉丝的关注与点赞，极大地提升作品的曝光量与影响力，让艺术之美在全球范围内广泛传播。在垂直社区方面，与ArtStation等专业平台的合作，为不同文艺领域的创作者们营造了一个专业、纯粹的交流与展示空间。',
|
||||
'为确保"文艺无界计划"能够高效、有序地实施，FiEE制定了一系列详尽且切实可行的策略与措施。在内容创作环节，FiEE将邀请国际知名的文艺专家、创作者开展线上线下相结合的专业培训与指导课程，帮助创作者深入了解国际市场的审美偏好、文化需求以及流行趋势，从而提升作品的国际传播力。',
|
||||
'在推广运营方面，FiEE将整合各方优势资源，为创作者量身定制全方位、立体化的推广方案。一方面，积极举办线上创作比赛等活动，吸引全球用户的目光，迅速提升创作者的知名度与影响力；另一方面，充分利用社交媒体平台的广告投放、话题营销、达人合作等手段，精准推送创作者的作品，进一步扩大作品的传播范围，让更多人能够欣赏到优秀的文艺创作。',
|
||||
'可以预见，对于广大文艺创作者而言，此次合作无疑是一次千载难逢的发展机遇。他们将有机会与国际顶尖的艺术家、创作者进行深度交流与合作，接触到全球最前沿的创作理念与技术，从而拓宽自己的创作视野，提升创作水平。同时，通过多元化的平台矩阵，他们的作品能够获得前所未有的曝光量与认可度，实现商业价值的最大化，为自己的艺术生涯开辟更为广阔的发展空间。',
|
||||
'展望未来，FiEE将坚定不移地继续深化与国际平台的合作，不断优化和完善"文艺无界计划"，持续为文艺创作者提供更加优质、全面、高效的服务，助力他们在国际舞台上绽放出更加耀眼夺目的光芒，为推动全球文化的交流、融合与繁荣贡献更多的智慧与力量。'
|
||||
]
|
||||
},
|
||||
article3: {
|
||||
title: '助力文艺创作者，FiEE 发布 "AI × 短视频" 全链路解决方案',
|
||||
date: '2025年02月14日 12时30分',
|
||||
content: [
|
||||
'对于文艺创作者而言，创作瓶颈与效率低下是横亘在前行道路上的两座大山。构思一个吸引人的短视频脚本，常常需要耗费大量时间和精力，创作者们不仅要绞尽脑汁思考独特的创意，还要兼顾受众喜好和市场趋势。',
|
||||
'作品完成后的传播与推广，同样是一道难以跨越的鸿沟。在信息爆炸的时代，如何让自己的作品在海量内容中脱颖而出，精准触达目标受众，成为创作者们日思夜想的难题。',
|
||||
'传统的传播方式犹如撒网捕鱼，精准度严重不足，大量优质的文艺内容在传播过程中石沉大海，难以被真正感兴趣的受众发现。而且，用户互动性的欠缺也使得创作者无法深入挖掘用户需求，难以与受众建立起紧密的情感连接，作品难以真正"活"起来，在传播的浪潮中显得孤立无援。',
|
||||
'在科技飞速发展的当下，人工智能与短视频行业正以前所未有的速度改变着文艺创作与传播的格局。',
|
||||
'作为文艺领域的创新先锋，FiEE紧跟时代步伐，积极探索技术与文艺的深度融合，今日正式发布"AI × 短视频"全链路解决方案，为文艺行业带来了一场革命性的变革。',
|
||||
'该解决方案集成了多项前沿AI技术，具有多方面的显著优势。在内容创作环节，AI智能脚本生成工具能够根据创作者输入的主题、风格、受众等关键信息，快速生成创意十足的脚本。通过对海量优秀短视频脚本和文艺作品的学习，AI不仅能提供新颖的故事框架，还能精准匹配符合主题的情节与台词，大大缩短了创作周期。',
|
||||
'在内容传播与运营方面，AI大数据分析技术让短视频的推广更加精准有效。通过对用户的浏览历史、点赞评论行为、关注列表等多维度数据进行深度分析，系统能够精准洞察用户的兴趣偏好和需求，将文艺创作者的作品推送给真正感兴趣的受众群体。该解决方案的应用场景广泛，无论是专业的文艺创作者，还是怀揣文艺梦想的业余爱好者，都能从中受益。',
|
||||
'专业创作者可以借助AI技术突破创作瓶颈，提升创作效率，创作出更具创新性和影响力的作品；业余爱好者则可以通过该方案降低创作门槛，轻松实现自己的创作想法，享受创作的乐趣。FiEE相关负责人表示："我们一直关注着文艺创作者的需求和痛点，希望通过"AI × 短视频"全链路解决方案，为他们提供全方位的支持和帮助。这不仅是一次技术的创新应用，更是我们助力文艺行业发展的一次重要实践。我们相信，在AI技术的加持下，文艺创作者们能够创作出更多优秀的作品，让文艺之光照亮更广阔的天地。"',
|
||||
'展望未来，FiEE将持续投入研发力量，不断优化和完善"AI × 短视频"全链路解决方案，探索更多AI技术在文艺领域的应用场景，加强与行业伙伴的合作，共同推动文艺创作与传播的创新发展，为文艺创作者打造更加优质、高效的创作环境，助力文艺行业迈向新的高峰。'
|
||||
]
|
||||
},
|
||||
article4: {
|
||||
title: 'FiEE启动 18 个月艺术 KOL 孵化，培育文艺领域明日之星',
|
||||
date: '2025年02月19日 12时00分',
|
||||
content: [
|
||||
'在文艺产业蓬勃发展的当下，优质内容创作者的重要性愈发凸显。作为行业内的先锋企业，FiEE始终关注着文艺领域的人才培养与发展动态。',
|
||||
'今日，FiEE正式宣布启动一项精心筹备长达18个月的艺术KOL孵化计划，旨在为文艺领域培育一批具有强大影响力的明日之星，推动整个行业的创新发展。随着社交媒体的兴起和内容传播方式的变革，KOL在文艺领域的传播与推广中扮演着关键角色。他们不仅是优质内容的创作者，更是连接文艺作品与广大受众的桥梁。',
|
||||
'然而，培养一位成熟且具有广泛影响力的艺术KOL并非一蹴而就，需要系统的规划、专业的指导以及充足的实践机会。FiEE敏锐地洞察到这一市场需求，投入大量资源，精心策划了此次为期18个月的孵化计划。此次孵化计划目标明确，旨在挖掘并培养一批在文艺领域具有潜力的创作者，帮助他们成长为在国内外具有较高知名度和影响力的艺术KOL。',
|
||||
'通过这一计划，不仅能够为这些创作者提供广阔的发展空间，还能为文艺市场注入新鲜血液，推动文艺作品的多元化传播。在实施内容上，计划涵盖多个维度，全方位助力创作者成长。在专业培训环节，公司邀请了来自不同艺术领域的知名专家和学者，为创作者们提供系统且深入的课程培训。',
|
||||
'这些课程内容丰富，既包括艺术创作技巧的提升，如绘画中的色彩运用、音乐创作中的旋律编排等，也涵盖新媒体运营知识，如社交媒体营销策略、粉丝互动技巧等，以及商业管理方面的课程，帮助创作者了解文艺市场的运作规律，实现作品的商业价值转化。同时，为确保每位创作者都能得到个性化的指导，公司还为他们配备了一对一的导师，导师将根据创作者的特点和需求，提供针对性的建议和帮助。',
|
||||
'资源对接也是孵化计划的重要组成部分。FiEE凭借多年在行业内积累的深厚资源和广泛的合作伙伴关系，为创作者搭建了与品牌、媒体、平台等对接的桥梁。创作者们有机会与知名品牌合作，为其创作具有艺术价值的宣传内容；与媒体合作，参与文艺专题报道和节目制作；与各大文艺平台合作，发布自己的作品，扩大作品的传播范围。',
|
||||
'FiEE艺术KOL孵化项目负责人在启动仪式上表示："我们坚信，每一位参与孵化计划的创作者都具有无限的潜力。这18个月的时间，将是他们成长的关键时期。FiEE将全力为他们提供支持和帮助，让他们在艺术创作的道路上越走越远，成为文艺领域的中流砥柱。"',
|
||||
'展望未来，此次18个月艺术KOL孵化计划的实施，有望为文艺领域培养出一批具有独特风格和广泛影响力的KOL。',
|
||||
'他们将通过自己的作品和影响力，吸引更多人关注文艺，推动文艺作品的传播与创新，为文艺产业的繁荣发展贡献重要力量。FiEE也将持续关注创作者的成长，不断优化孵化计划，为文艺领域的人才培养探索更多有效的模式。'
|
||||
]
|
||||
},
|
||||
article5: {
|
||||
title: '多元人才汇聚，FiEE 构筑文艺创新发展基石',
|
||||
date: '2025年02月20日 12时00分',
|
||||
content: [
|
||||
'在当下文艺行业蓬勃发展、百花齐放的黄金时代，创新俨然成为引领行业持续进步、突破传统格局的关键要素。而追根溯源，人才作为创新的核心驱动力，其重要性不言而喻。',
|
||||
'FiEE深明此理，以海纳百川的胸怀和高瞻远瞩的战略眼光，积极广纳贤才，精心汇聚运营专家、技术精英以及国际顾问，成功打造出一支专业素养过硬、知识结构多元的卓越团队，为公司在文艺领域的创新征程筑牢了坚不可摧的发展根基。',
|
||||
'运营专家团队堪称FiEE在文艺领域稳健前行的领航灯塔。他们在文艺行业这片广阔天地中深耕多年，凭借丰富的实战经验和对市场的深度理解，练就了敏锐捕捉市场动态的能力，对受众喜好的把握更是精准入微。',
|
||||
'他们借助大数据分析和实地市场调研，深入研究不同年龄段、不同地域受众的文化背景和兴趣偏好，精准定位目标受众，为文艺创作者提供极具针对性的创作方向。他们会深入剖析当下的社会热点和观众的精神需求，巧妙融入时代元素，让作品既有深度又具吸引力。通过独特的创意策划，从项目起步阶段就成功吸引观众的目光，为后续的成功奠定坚实基础。',
|
||||
'随着科技与文艺的融合趋势愈发显著，技术精英成为FiEE创新发展的强劲引擎。',
|
||||
'公司积极招徕掌握人工智能、大数据、虚拟现实等前沿技术的专业人才，为文艺创作注入科技活力。在内容创作过程中，这些技术精英充分发挥人工智能辅助创作工具的优势，为文艺创作者提供源源不断的灵感启发。利用虚拟现实（VR）和增强现实（AR）技术，让作品与观众进行深度互动，极大地拓展了文艺作品的表现形式和传播范围。',
|
||||
'在全球化的时代浪潮下，国际顾问团队为FiEE带来了广阔的全球视野和多元的文化视角。他们来自世界各地，对不同国家和地区的文艺市场规则、审美偏好以及文化差异有着深入的了解。在FiEE将本土优秀文艺作品推向世界的过程中，国际顾问团队发挥着关键作用。这不仅为本土文艺创作者带来了新的创作思路和启发，也提升了FiEE在国际文艺领域的影响力。',
|
||||
'正是因为有了运营专家、技术精英和国际顾问等多元人才的汇聚，FiEE得以通过跨界合作与资源整合，突破传统文艺的边界，探索文艺新表达。FiEE与科技企业、时尚品牌、教育机构等展开广泛合作，将文艺与科技、时尚、教育等领域深度融合，创造出一系列新颖的文艺产品和服务。依托前沿技术与精准营销，FiEE助力众多文艺作品实现了商业价值与社会影响力的双重提升，为文艺的繁荣发展注入了持久动力。',
|
||||
'展望未来，FiEE将继续秉持开放、包容的人才理念，不断完善人才战略，吸引更多优秀人才加入。我们坚信，在多元人才的共同努力下，FiEE将在文艺创新发展的道路上不断前行，为推动全球文艺事业的繁荣做出更大的贡献。'
|
||||
]
|
||||
}
|
||||
},
|
||||
businessintroduction: {
|
||||
hero: {
|
||||
title1: 'AI × 短视频',
|
||||
title2: '领航文创新视界',
|
||||
desc: '深度融合前沿 AI 技术与短视频平台的独特优势，率先开启探索之旅，勇立潮头，领航文创领域踏入前所未有的崭新视界'
|
||||
},
|
||||
industry: {
|
||||
label: '行业现状',
|
||||
title: '文创遇阻，短视频解锁行业增长新密码',
|
||||
desc: '在文创领域深陷内容趋同、灵感枯竭的困局时，短视频凭借其独特的沉浸式体验、强大的社交裂变属性，打破桎梏，如春风化雨般为行业注入新的生命力，成为驱动增长的强劲引擎。',
|
||||
challenges: {
|
||||
title: '文艺市场困局',
|
||||
items: [
|
||||
{
|
||||
title: '文艺价值蒙尘',
|
||||
desc: '品牌塑造与市场运营匮乏，致使文艺价值隐于暗处，难以被大众洞悉与认可。'
|
||||
},
|
||||
{
|
||||
title: '推广途径困局',
|
||||
desc: '个人社交平台和传统展览形式陈旧，无法达成广泛且优质的曝光，严重束缚传播。'
|
||||
},
|
||||
{
|
||||
title: '宣传单一致贫',
|
||||
desc: '过度倚重线下展厅与个别展会，宣传面狭隘，致使收入结构单一且不稳定。'
|
||||
},
|
||||
{
|
||||
title: '传统营销掣肘',
|
||||
desc: '传统广告渠道收费高昂，文艺创作者财力难支，极大限制了推广宣传的范围。'
|
||||
}
|
||||
]
|
||||
},
|
||||
opportunity: {
|
||||
title: '短视频自媒体：澎湃新势，蕴蓄无垠商机',
|
||||
desc: '当下，短视频市场呈爆发式增长，广告规模迅猛扩张 。短视频作为互联网内容领域的活力担当，用户规模和使用时长一路飙升，为广告投放与变现开辟广阔天地，用户时长占比节节攀升，用户粘性与日俱增，蕴藏无限潜力与机遇。'
|
||||
}
|
||||
},
|
||||
solution: {
|
||||
label: '行业现状',
|
||||
title: '文创遇阻，短视频解锁行业增长新密码',
|
||||
features: {
|
||||
precision: {
|
||||
title: '精准分发 开启粉丝增长引擎',
|
||||
desc: '运用大数据分析与 AI 算法，深度剖析用户浏览习惯、搜索偏好等行为数据，构建精准用户画像，把文艺创作者的作品精准推送给潜在受众，将无目的需求方转化为忠实粉丝，为创作者影响力传播奠定基础。'
|
||||
},
|
||||
monetization: {
|
||||
title: '多元变现 激活商业价值链条',
|
||||
desc: '为挖掘文艺创作商业价值，搭建粉丝经济运营体系。通过便捷打赏机制，让粉丝即时表达对创作者的喜爱；提供实体和数字作品售卖渠道，满足粉丝收藏需求；推出订阅服务，提供独家内容与活动优先参与权益，增强粉丝粘性。这些途径推动粉丝转变为消费者，实现创作者和平台的收入增长。'
|
||||
},
|
||||
interaction: {
|
||||
title: '互动共享 构建艺术生态闭环',
|
||||
desc: '借助智能社交推荐技术，推动粉丝间深度互动交流，分享见解与创作灵感，挖掘彼此潜在需求，实现粉丝群体自然裂变。同时，通过数据分析洞察消费群体特征和需求，精准拓展消费圈层，挖掘新商机。这一互动共享机制构建起可持续发展的文艺创作生态，创作者影响力持续提升，公司也实现稳健发展与收益增长，达成双赢。'
|
||||
}
|
||||
}
|
||||
},
|
||||
vision: {
|
||||
label: '市场愿景',
|
||||
title: '擘画文艺市场新蓝图',
|
||||
desc: '在变幻莫测的艺术浪潮中，FIEE以创新为笔，精准洞察为墨，以创新思维与全球化视野重新定义文艺产业的未来。深度挖掘文艺潜力，融合多元文化元素，打破传统壁垒，搭建线上流量社群，重塑文艺生态，激发市场活力，引领文艺价值的新流向，开启文艺市场的全新时代。',
|
||||
community: {
|
||||
title: '构建十亿流量社群，搭建全球文艺交流高地',
|
||||
desc: '运用前沿大数据与 AI 技术，打造十亿级流量社群，汇聚全球文艺爱好者。借助智能算法实现精准内容推送与兴趣匹配，促进交流互动，为文艺创作者与粉丝搭建高效沟通桥梁，构建文艺生态流量基石。'
|
||||
}
|
||||
},
|
||||
cooperation: {
|
||||
title: '全球合作拓展,绘制多元融合版图',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '与 1500 + 文艺机构、科技企业达成深度合作，整合资源，共同探索文艺科技融合项目，推动艺术创作与传播模式创新。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: '全球合作伙伴突破 5000+，建立广泛合作网络，拓展业务覆盖区域，在全球主要艺术市场落地项目，提升品牌国际知名度。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '战略合作伙伴超 10000+，形成稳固全球战略联盟，全面打通文艺产业链，实现资源共享、互利共赢。'
|
||||
}
|
||||
}
|
||||
},
|
||||
incubation: {
|
||||
title: '18个月孵化0基础艺术KOL',
|
||||
subtitle: '释放文艺商业潜能',
|
||||
desc: '18 个月，是一场艺术潜能的深度挖掘，更是一次文艺商业的破茧之旅。从绘画技巧到审美构建，从内容创作到流量运营，全方位赋能。FiEE为 0 基础者量身定制成长路径，助你跨越文艺与商业的桥梁，成为引领潮流的文艺 KOL ，开启无限可能的文艺新征程。',
|
||||
features: {
|
||||
fans: {
|
||||
title: '粉丝增长',
|
||||
desc: '至 2027 年，凭借精准营销策略，助力每位艺术家粉丝数超 10 万，粉丝社区人数达 10 亿，壮大文艺创作者粉丝群体，增强作品影响力。'
|
||||
},
|
||||
kol: {
|
||||
title: 'KOL孵化',
|
||||
desc: '依托十亿流量社群，运用精准数据分析，18 个月内将普通文艺创作者或商业品牌打造成国际知名 KOL，实现艺术价值与商业价值的高效转化。'
|
||||
}
|
||||
}
|
||||
},
|
||||
exposure: {
|
||||
title: '市场愿景',
|
||||
desc: '凭借前沿的传播策略，精准狙击全球受众心智。深度整合顶级媒体资源，让曝光量呈指数级突破，全方位塑造全球品牌影响力，引领文艺潮流走向世界舞台中央 。',
|
||||
timeline: {
|
||||
year2025: {
|
||||
title: '2025年',
|
||||
desc: '自媒体平台曝光量突破 5 亿+，通过多平台联动、创意内容营销，提升品牌与创作者曝光度。'
|
||||
},
|
||||
year2026: {
|
||||
title: '2026年',
|
||||
desc: '曝光量达 10 亿 +，深化品牌传播，吸引更多潜在用户与合作伙伴。'
|
||||
},
|
||||
year2027: {
|
||||
title: '2027年',
|
||||
desc: '实现 50 亿 + 跨次元突破，打破行业与文化界限，全方位提升品牌国际影响力，推动文化艺术与科技深度交融 ，塑造行业发展新潮流。'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,9 +1,656 @@
|
||||
<script setup>
|
||||
import { useAuth } from "@/store/auth/index.js";
|
||||
const { clickSendCode, telNum, code, showTextCode, clickLogin } = useAuth();
|
||||
</script>
|
||||
<template>
|
||||
<div class="box-border relative w-screen min-h-screen" style=""></div>
|
||||
</template>
|
||||
import {
|
||||
onUnmounted,
|
||||
ref,
|
||||
watch,
|
||||
reactive,
|
||||
onMounted
|
||||
} from "vue";
|
||||
import gsap from "gsap";
|
||||
import ScrollTrigger from "gsap/ScrollTrigger";
|
||||
import { useHome } from "@/store/home/index.js";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import { useTransitionComposable } from "@/composables/transition-composable";
|
||||
import { useRouter } from "vue-router";
|
||||
import { NDivider } from "naive-ui";
|
||||
|
||||
<style scoped lang="scss"></style>
|
||||
// 注册 ScrollTrigger 插件
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
const { currentTab } = useHome();
|
||||
const router = useRouter();
|
||||
const { transitionState } =
|
||||
useTransitionComposable();
|
||||
const main = ref();
|
||||
let ctx;
|
||||
const { t } = useI18n();
|
||||
const handleTabClick = (tab) => {
|
||||
currentTab.value = tab;
|
||||
router.push("/" + tab);
|
||||
};
|
||||
watch(
|
||||
[
|
||||
() =>
|
||||
transitionState.transitionComplete,
|
||||
main,
|
||||
],
|
||||
(newValue) => {
|
||||
if (newValue && main.value) {
|
||||
ctx = gsap.context((self) => {
|
||||
// Text animations from left
|
||||
gsap.utils
|
||||
.toArray(".text-animate")
|
||||
.forEach((text) => {
|
||||
gsap.from(text, {
|
||||
x: -100,
|
||||
opacity: 0,
|
||||
duration: 0.8,
|
||||
ease: "back.out(1.2)",
|
||||
scrollTrigger: {
|
||||
trigger: text,
|
||||
start: "top 85%",
|
||||
toggleActions: "play none none reverse",
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
// Image animations from right
|
||||
gsap.utils
|
||||
.toArray(".image-animate")
|
||||
.forEach((image) => {
|
||||
gsap.from(image, {
|
||||
x: 100,
|
||||
opacity: 0,
|
||||
duration: 0.8,
|
||||
ease: "back.out(1.2)",
|
||||
scrollTrigger: {
|
||||
trigger: image,
|
||||
start: "top 85%",
|
||||
toggleActions: "play none none reverse",
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
// Float up animations for content sections
|
||||
gsap.utils.toArray('.float-up').forEach((element) => {
|
||||
gsap.from(element, {
|
||||
y: 100,
|
||||
opacity: 0,
|
||||
duration: 0.8,
|
||||
ease: "back.out(1.2)",
|
||||
scrollTrigger: {
|
||||
trigger: element,
|
||||
start: 'top 85%',
|
||||
toggleActions: "play none none reverse",
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 轮播卡片上升动画
|
||||
gsap.from('.carousel-item', {
|
||||
y: 100,
|
||||
opacity: 0,
|
||||
duration: 0.8,
|
||||
stagger: 0.2,
|
||||
ease: "back.out(1.2)",
|
||||
scrollTrigger: {
|
||||
trigger: '.carousel-container',
|
||||
start: 'top 85%',
|
||||
toggleActions: "play none none reverse",
|
||||
}
|
||||
});
|
||||
|
||||
}, main.value);
|
||||
}
|
||||
},
|
||||
{
|
||||
immediate: true,
|
||||
}
|
||||
);
|
||||
|
||||
onMounted(() => {
|
||||
window.scrollTo(0, 0);
|
||||
});
|
||||
|
||||
onUnmounted(() => {
|
||||
ctx?.revert(); // <- Easy Cleanup!
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header className="header">
|
||||
<div class="logo">
|
||||
<img src="@/assets/image/logo.png" alt="logo" />
|
||||
</div>
|
||||
<div class="tabs">
|
||||
<div class="tab-item" :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 ref="main" class="height-full">
|
||||
<div class="head relative">
|
||||
<img src="@/assets/image/ywjs.png" alt="head" />
|
||||
|
||||
<div class="absolute top-240px left-510px text-[#10253E] text-[54px] font-bold text-animate">
|
||||
{{ t('businessintroduction.hero.title1') }}
|
||||
</div>
|
||||
<div class="absolute top-320px left-510px text-[#10253E] text-[54px] font-bold text-animate">
|
||||
{{ t('businessintroduction.hero.title2') }}
|
||||
</div>
|
||||
<div class="absolute top-420px left-510px text-[#8B59F7] text-[20px] w-[535px] text-animate">
|
||||
{{ t('businessintroduction.hero.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<n-divider class="divider1" vertical />
|
||||
<div class="divider2" style=""></div>
|
||||
<div class="divider3" style=""></div>
|
||||
<div class="divider4" style=""></div>
|
||||
<n-divider class="divider5" vertical />
|
||||
<div class="bg-[#F8F9FF]">
|
||||
<div class="content1 relative flex justify-center z-3 pb-[100px] flex-col pr-[10px] float-up">
|
||||
|
||||
<div class="pl-[505px] pr-[480px] flex flex-col">
|
||||
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.industry.label') }}</div>
|
||||
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.industry.title') }}</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
|
||||
{{ t('businessintroduction.industry.desc') }}
|
||||
</div>
|
||||
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.challenges.title') }}</div>
|
||||
<div class="flex flex-col mt-[30px]">
|
||||
<div class="flex justify-between">
|
||||
<div class="flex max-w-[405px] float-up">
|
||||
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
|
||||
<div class="text-[#455363] text-[16px] float-up">
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[0].title') }}
|
||||
</div>
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[0].desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex max-w-[405px] float-up">
|
||||
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
|
||||
<div class="text-[#455363] text-[16px] float-up">
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[1].title') }}
|
||||
</div>
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[1].desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-between mt-[30px]">
|
||||
<div class="flex max-w-[405px] float-up">
|
||||
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
|
||||
<div class="text-[#455363] text-[16px] float-up">
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[2].title') }}
|
||||
</div>
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[2].desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex max-w-[405px] float-up">
|
||||
<img class="w-[16px] h-[16px] mt-[5px] mr-[10px] " src="@/assets/image/pball.png" alt="cl" />
|
||||
<div class="text-[#455363] text-[16px] float-up">
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[3].title') }}
|
||||
</div>
|
||||
<div>
|
||||
{{ t('businessintroduction.industry.challenges.items[3].desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">{{ t('businessintroduction.industry.opportunity.title') }}</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[27px] max-w-[748px] text-animate">
|
||||
{{ t('businessintroduction.industry.opportunity.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content2 relative flex items-center pb-[120px] pt-[168px] bg-[#fff] float-up">
|
||||
|
||||
<div class="pl-[505px] pr-[490px] flex z-3">
|
||||
<div class="">
|
||||
<div class="text-[#8B59F7] text-[16px] text-animate">{{ t('businessintroduction.solution.label') }}</div>
|
||||
<div class="text-[#10253E] text-[40px] mt-[17px] text-animate">{{ t('businessintroduction.solution.title') }}</div>
|
||||
<div class="flex justify-between items-center mt-[97px]">
|
||||
<div class="max-w-[412px] float-up">
|
||||
<img class="w-[64px] h-[48px]" src="@/assets/image/jxgb.png" alt="cl" />
|
||||
<div class="text-[#10253E] text-[18px] mt-[20px] font-bold relative">
|
||||
<n-divider class="absolute left-[-23px] top-[6px]" style="
|
||||
background-color: #8b59f7;
|
||||
" vertical />{{ t('businessintroduction.solution.features.precision.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[15px] text-animate">
|
||||
{{ t('businessintroduction.solution.features.precision.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-animate">
|
||||
<img class="w-[495px] h-[212px] ml-[20px]" src="@/assets/image/xb.png" alt="cl" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex mt-[112px]">
|
||||
<div class="max-w-[412px] float-up">
|
||||
<img class="w-[58px] h-[50px]" src="@/assets/image/gz.png" alt="cl" />
|
||||
<div class="text-[#10253E] text-[18px] mt-[20px] font-bold relative">
|
||||
<n-divider class="absolute left-[-23px] top-[6px]" style="
|
||||
background-color: #8b59f7;
|
||||
" vertical />{{ t('businessintroduction.solution.features.monetization.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[15px] text-animate">
|
||||
{{ t('businessintroduction.solution.features.monetization.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-[412px] ml-[55px] float-up">
|
||||
<img class="w-[46px] h-[46px]" src="@/assets/image/3dy.png" alt="cl" />
|
||||
<div class="text-[#10253E] text-[18px] mt-[20px] font-bold relative">
|
||||
<n-divider class="absolute left-[-28px] top-[6px]" style="
|
||||
background-color: #8b59f7;
|
||||
" vertical />{{ t('businessintroduction.solution.features.interaction.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[15px] text-animate">
|
||||
{{ t('businessintroduction.solution.features.interaction.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content3 relative overflow-hidden float-up">
|
||||
<n-divider class="divider1" vertical />
|
||||
<div class="divider2" style=""></div>
|
||||
<div class="divider3" style=""></div>
|
||||
<div class="divider4" style=""></div>
|
||||
<n-divider class="divider5" vertical />
|
||||
|
||||
<div class="relative bg-[#F8F9FF] flex flex-col mt-[119px]">
|
||||
<div class=" pl-[505px] pr-[490px] ">
|
||||
<div class="text-[#8B59F7] text-[16px] text-animate">
|
||||
{{ t('businessintroduction.vision.label') }}
|
||||
</div>
|
||||
<div class="text-[#10253E] text-[40px] text-animate">
|
||||
{{ t('businessintroduction.vision.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
|
||||
{{ t('businessintroduction.vision.desc') }}
|
||||
</div>
|
||||
<div class="text-[#8B59F7] text-[22px] mt-[64px] text-animate">
|
||||
{{ t('businessintroduction.vision.community.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
|
||||
{{ t('businessintroduction.vision.community.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="pl-[493px] pr-[490px]">
|
||||
<img class="w-[930px] h-[379px] mt-[30px] relative z-24" src="@/assets/image/qq.png" alt="cl" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="content4 relative bg-[#fff] pb-[146px] overflow-hidden float-up">
|
||||
<n-divider class="divider1" vertical />
|
||||
<div class="divider2" style=""></div>
|
||||
<div class="divider3" style=""></div>
|
||||
<div class="divider4" style=""></div>
|
||||
<n-divider class="divider5" vertical />
|
||||
<img src="@/assets/image/dq.png" alt="cl" />
|
||||
<div class="absolute top-[86px] pl-[505px] pr-[490px] flex z-4 flex-col">
|
||||
<div class="text-[#FFFFFF] text-[22px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.title') }}
|
||||
</div>
|
||||
<div class="text-[#FFFFFF] text-[22px] mt-[100px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2025.title') }}
|
||||
</div>
|
||||
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2025.desc') }}
|
||||
</div>
|
||||
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2026.title') }}
|
||||
</div>
|
||||
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2026.desc') }}
|
||||
</div>
|
||||
<div class="text-[#FFFFFF] text-[22px] mt-[30px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2027.title') }}
|
||||
</div>
|
||||
<div class="text-[#D1D1D1] text-[14px] mt-[10px] max-w-[397px] text-animate">
|
||||
{{ t('businessintroduction.cooperation.timeline.year2027.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex pl-[505px] pr-[490px] flex z-4">
|
||||
<div class="mr-[60px]">
|
||||
<div class="text-[#8B59F7] text-[22px] text-animate">
|
||||
{{ t('businessintroduction.incubation.title') }}
|
||||
</div>
|
||||
<div class="text-[#8B59F7] text-[22px] text-animate">
|
||||
{{ t('businessintroduction.incubation.subtitle') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] max-w-[402px] mt-[50px] text-animate">
|
||||
{{ t('businessintroduction.incubation.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-[202px]">
|
||||
<img class="w-[58px] h-[50px]" src="@/assets/image/gpz.png" alt="cl" />
|
||||
<div class="text-[#10253E] text-[18px] mt-[20px] font-bold relative">
|
||||
<n-divider class="absolute left-[-23px] top-[6px]" style="
|
||||
background-color: #8b59f7;
|
||||
" vertical />{{ t('businessintroduction.incubation.features.fans.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[15px] text-animate">
|
||||
{{ t('businessintroduction.incubation.features.fans.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="max-w-[202px] ml-[30px]">
|
||||
<img class="w-[58px] h-[50px]" src="@/assets/image/sm.png" alt="cl" />
|
||||
<div class="text-[#10253E] text-[18px] mt-[20px] font-bold relative">
|
||||
<n-divider class="absolute left-[-23px] top-[6px]" style="
|
||||
background-color: #8b59f7;
|
||||
" vertical />{{ t('businessintroduction.incubation.features.kol.title') }}
|
||||
</div>
|
||||
<div class="text-[#455363] text-[16px] mt-[15px] text-animate">
|
||||
{{ t('businessintroduction.incubation.features.kol.desc') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="content5 relative bg-[#F8F9FF] overflow-hidden float-up">
|
||||
<n-divider class="divider1" vertical />
|
||||
<div class="divider2" style=""></div>
|
||||
<div class="divider3" style=""></div>
|
||||
<div class="divider4" style=""></div>
|
||||
<n-divider class="divider5" vertical />
|
||||
<div class="mt-[93px] pb-[103px] carousel-container pl-[505px] pr-[490px]">
|
||||
<div class="text-[#8B59F7] text-[22px] text-animate">
|
||||
{{ t('businessintroduction.exposure.title') }}
|
||||
</div>
|
||||
|
||||
<div class="text-[#455363] max-w-[748px] text-[16px] mt-[30px] text-animate">
|
||||
{{ t('businessintroduction.exposure.desc') }}
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="carousel-item cursor-pointer">
|
||||
<img class="carousel-image" src="@/assets/image/fp1.png" />
|
||||
<div class="carousel-content">
|
||||
<div class="carousel-title">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2025.title') }}</div>
|
||||
</div>
|
||||
<div class="carousel-subtitle">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2025.desc') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item cursor-pointer">
|
||||
<img class="carousel-image" src="@/assets/image/fp2.png" />
|
||||
<div class="carousel-content">
|
||||
<div class="carousel-title">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2026.title') }}</div>
|
||||
</div>
|
||||
<div class="carousel-subtitle">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2026.desc') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item cursor-pointer">
|
||||
<img class="carousel-image" src="@/assets/image/fp3.png" />
|
||||
<div class="carousel-content">
|
||||
<div class="carousel-title">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2027.title') }}</div>
|
||||
</div>
|
||||
<div class="carousel-subtitle">
|
||||
<div>{{ t('businessintroduction.exposure.timeline.year2027.desc') }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<img class="copyright" src="@/assets/image/cp.png" alt="logo" />
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 55px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0 10rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.logo {
|
||||
img {
|
||||
width: 108px;
|
||||
height: 33px;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
gap: 32px;
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
.tab-item {
|
||||
font-size: 16px;
|
||||
color: #000000;
|
||||
cursor: pointer;
|
||||
transition: color 0.3s ease;
|
||||
padding: 4px 8px;
|
||||
|
||||
&.active {
|
||||
color: #8b59fa;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: #8b59fa;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
width: 100%;
|
||||
background-color: #f8f9ff;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
image-rendering: crisp-edges;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
}
|
||||
|
||||
.divider1 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 482px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-color: rgba(230, 234, 238, 0.5) !important;
|
||||
}
|
||||
|
||||
.divider2 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 720px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom,
|
||||
rgba(230, 234, 238, 0.5),
|
||||
transparent 50%);
|
||||
background-size: 1px 12px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider3 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 952px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom,
|
||||
rgba(230, 234, 238, 0.5),
|
||||
transparent 50%);
|
||||
background-size: 1px 12px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider4 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 1182px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom,
|
||||
rgba(230, 234, 238, 0.5),
|
||||
transparent 50%);
|
||||
background-size: 1px 15px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider5 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 1406px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-color: rgba(230, 234, 238, 0.5) !important;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
height: 90px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.copyright {
|
||||
width: 232px;
|
||||
height: 22pxpx;
|
||||
}
|
||||
}
|
||||
|
||||
.carousel-container {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.arrow-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.carousel-track {
|
||||
display: flex;
|
||||
transition: transform 0.5s ease-in-out;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
width: 287px;
|
||||
background-color: #fff;
|
||||
margin-right: 18px;
|
||||
flex: 0 0 auto;
|
||||
display: block;
|
||||
padding: 8px 8px 18px 8px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 3px 14px 1px rgba(0, 0, 0, 0.16);
|
||||
will-change: transform, opacity; // 优化动画性能
|
||||
}
|
||||
|
||||
.carousel-image {
|
||||
width: 428px;
|
||||
height: 259px;
|
||||
border-radius: 6px;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.carousel-content {
|
||||
padding: 0 ;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.carousel-title {
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 1.5;
|
||||
max-height: calc(1.5em * 5);
|
||||
}
|
||||
|
||||
.carousel-subtitle {
|
||||
color: #455363;
|
||||
margin-top: 5px;
|
||||
font-size: 16px;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 5;
|
||||
-webkit-box-orient: vertical;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
line-height: 1.5;
|
||||
|
||||
}
|
||||
|
||||
// 添加一个通用的溢出控制类
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
// 为所有可能需要动画的容器添加溢出隐藏
|
||||
[ref*="moveRef"] {
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -3,7 +3,8 @@ import {
|
||||
onUnmounted,
|
||||
ref,
|
||||
watch,
|
||||
reactive
|
||||
reactive,
|
||||
onMounted
|
||||
} from "vue";
|
||||
import gsap from "gsap";
|
||||
import ScrollTrigger from "gsap/ScrollTrigger";
|
||||
@ -260,6 +261,9 @@ const handleCarouselClick = (item, event) => {
|
||||
});
|
||||
}
|
||||
};
|
||||
onMounted(() => {
|
||||
window.scrollTo(0, 0);
|
||||
});
|
||||
onUnmounted(() => {
|
||||
ctx?.revert(); // <- Easy Cleanup!
|
||||
});
|
||||
@ -289,11 +293,11 @@ onUnmounted(() => {
|
||||
</div>
|
||||
<div class="tab-item" :class="{
|
||||
active:
|
||||
currentTab === 'business',
|
||||
currentTab === 'businessintroduction',
|
||||
}" @click="
|
||||
handleTabClick('business')
|
||||
handleTabClick('businessintroduction')
|
||||
">
|
||||
{{ t("home.nav.business") }}
|
||||
{{ t("home.nav.businessintroduction") }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -1,5 +1,10 @@
|
||||
<template>
|
||||
<div class="page-container">
|
||||
<n-divider class="divider1" vertical />
|
||||
<div class="divider2" style=""></div>
|
||||
<div class="divider3" style=""></div>
|
||||
<div class="divider4" style=""></div>
|
||||
<n-divider class="divider5" vertical />
|
||||
<header className="header">
|
||||
<div class="logo">
|
||||
<img src="@/assets/image/logo.png" alt="logo" />
|
||||
@ -23,32 +28,33 @@
|
||||
</div>
|
||||
<div class="tab-item" :class="{
|
||||
active:
|
||||
currentTab === 'business',
|
||||
currentTab === 'businessintroduction',
|
||||
}" @click="
|
||||
handleTabClick('business')
|
||||
handleTabClick('businessintroduction')
|
||||
">
|
||||
{{ t("home.nav.business") }}
|
||||
{{ t("home.nav.businessintroduction") }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="px-[490px]">
|
||||
<main class="px-[490px] ">
|
||||
<section
|
||||
className="section-first"
|
||||
v-if="state.pageTitle === '实现技术突破，引领文艺创作技术革新'"
|
||||
className="section-first "
|
||||
v-if="state.pageTitle === t('companyprofildetail.article1.title')"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center">
|
||||
|
||||
<div class="flex flex-wrap justify-center relative z-10 relative z-10">
|
||||
<div
|
||||
class="w-full title mt-[158px] text-center div-indent"
|
||||
class="w-full title mt-[158px] text-center"
|
||||
>
|
||||
实现技术突破，引领文艺创作技术革新
|
||||
{{ t('companyprofildetail.article1.title') }}
|
||||
</div>
|
||||
<div
|
||||
class="w-full text-center mt-[9px] text-[#455363] text-[16px] div-indent"
|
||||
class="w-full text-center mt-[9px] text-[#455363] text-[16px]"
|
||||
>
|
||||
2025年02月07日 12时00分
|
||||
{{ t('companyprofildetail.article1.date') }}
|
||||
</div>
|
||||
<div class="mt-[63px]">
|
||||
<div class="mt-[63px] ">
|
||||
<img
|
||||
class="w-[930px] h-[574px]"
|
||||
src="@/assets/image/companyprofil/768/carouselShow-1.png"
|
||||
@ -57,37 +63,17 @@
|
||||
<div
|
||||
class="w-full px-[20px] text-[#455363] text-[16px] div-indent mt-[47px] 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 v-if="state.pageTitle === t('companyprofildetail.article1.title')">
|
||||
<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>
|
||||
</div>
|
||||
@ -95,19 +81,19 @@
|
||||
|
||||
<section
|
||||
className="section-sec"
|
||||
v-if="state.pageTitle.includes('全球化战略升级')"
|
||||
v-if="state.pageTitle === t('companyprofildetail.article2.title')"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center">
|
||||
<div class="flex flex-wrap justify-center relative z-10 relative z-10">
|
||||
<div
|
||||
class="w-full title mt-[298px] px-[180px] text-center div-indent"
|
||||
class="w-full title mt-[158px] text-center"
|
||||
>
|
||||
全球化战略升级，FiEE与30+国际平台达成战略合作，构建文艺传播新矩阵
|
||||
{{ t('companyprofildetail.article2.title') }}
|
||||
</div>
|
||||
<div
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px] div-indent"
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px]"
|
||||
>
|
||||
2025年02月10日 10时30分
|
||||
{{ t('companyprofildetail.article2.date') }}
|
||||
</div>
|
||||
<div class="mt-[63px] overflow-hidden">
|
||||
<img
|
||||
@ -118,44 +104,15 @@
|
||||
<div
|
||||
class="w-full px-[20px] text-[#455363] text-[16px] div-indent mt-[47px] mb-[275px]"
|
||||
>
|
||||
<div>
|
||||
在全球文化交融以前所未有的迅猛之势加速推进的时代大背景下，文艺领域已然成为文化交流与创新的前沿阵地。作为文艺行业的领航者，FiEE
|
||||
以敏锐的战略眼光和果敢的行动力，积极投身于这场全球文化交流的浪潮之中。
|
||||
</div>
|
||||
<div>
|
||||
近日，FiEE 振奋人心地宣布与 TikTok、Instagram等 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 v-if="state.pageTitle === t('companyprofildetail.article2.title')">
|
||||
<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>
|
||||
</div>
|
||||
@ -163,19 +120,19 @@
|
||||
|
||||
<section
|
||||
className="section-third"
|
||||
v-if="state.pageTitle.includes('助力文艺创作者')"
|
||||
v-if="state.pageTitle === t('companyprofildetail.article3.title')"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center">
|
||||
<div class="flex flex-wrap justify-center relative z-10 relative z-10">
|
||||
<div
|
||||
class="w-full title mt-[298px] px-[180px] text-center div-indent"
|
||||
class="w-full title mt-[158px] text-center"
|
||||
>
|
||||
助力文艺创作者，FiEE 发布 “AI × 短视频” 全链路解决方案
|
||||
{{ t('companyprofildetail.article3.title') }}
|
||||
</div>
|
||||
<div
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px] div-indent"
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px]"
|
||||
>
|
||||
2025年02月14日 12时30分
|
||||
{{ t('companyprofildetail.article3.date') }}
|
||||
</div>
|
||||
<div class="mt-[63px] overflow-hidden">
|
||||
<img
|
||||
@ -186,47 +143,16 @@
|
||||
<div
|
||||
class="w-full px-[20px] text-[#455363] text-[16px] div-indent mt-[47px] 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 v-if="state.pageTitle === t('companyprofildetail.article3.title')">
|
||||
<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>
|
||||
</div>
|
||||
@ -234,19 +160,19 @@
|
||||
|
||||
<section
|
||||
className="section-four"
|
||||
v-if="state.pageTitle.includes('培育文艺领域明日之星')"
|
||||
v-if="state.pageTitle === t('companyprofildetail.article4.title')"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center">
|
||||
<div class="flex flex-wrap justify-center relative z-10 relative z-10">
|
||||
<div
|
||||
class="w-full title mt-[298px] px-[180px] text-center div-indent"
|
||||
class="w-full title mt-[158px] text-center"
|
||||
>
|
||||
FiEE启动 18 个月艺术 KOL 孵化，培育文艺领域明日之星
|
||||
{{ t('companyprofildetail.article4.title') }}
|
||||
</div>
|
||||
<div
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px] div-indent"
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px]"
|
||||
>
|
||||
2025年02月19日 12时00分
|
||||
{{ t('companyprofildetail.article4.date') }}
|
||||
</div>
|
||||
<div class="mt-[63px] overflow-hidden">
|
||||
<img
|
||||
@ -257,43 +183,16 @@
|
||||
<div
|
||||
class="w-full px-[20px] text-[#455363] text-[16px] div-indent mt-[47px] 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 v-if="state.pageTitle === t('companyprofildetail.article4.title')">
|
||||
<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>
|
||||
</div>
|
||||
@ -301,19 +200,19 @@
|
||||
|
||||
<section
|
||||
className="section-five"
|
||||
v-if="state.pageTitle.includes('多元人才汇聚')"
|
||||
v-if="state.pageTitle === t('companyprofildetail.article5.title')"
|
||||
style="background: #fff"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center">
|
||||
<div class="flex flex-wrap justify-center relative z-10 relative z-10">
|
||||
<div
|
||||
class="w-full title mt-[298px] px-[180px] text-center div-indent"
|
||||
class="w-full title mt-[158px] text-center"
|
||||
>
|
||||
多元人才汇聚，FiEE 构筑文艺创新发展基石
|
||||
{{ t('companyprofildetail.article5.title') }}
|
||||
</div>
|
||||
<div
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px] div-indent"
|
||||
class="w-full text-center mt-[28px] text-[#455363] text-[16px]"
|
||||
>
|
||||
2025年02月20日 12时00分
|
||||
{{ t('companyprofildetail.article5.date') }}
|
||||
</div>
|
||||
<div class="mt-[63px] overflow-hidden">
|
||||
<img
|
||||
@ -324,39 +223,17 @@
|
||||
<div
|
||||
class="w-full px-[20px] text-[#455363] text-[16px] div-indent mt-[47px] 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 v-if="state.pageTitle === t('companyprofildetail.article5.title')">
|
||||
<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>
|
||||
<p>{{ t('companyprofildetail.article5.content[9]') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -384,26 +261,100 @@ import {
|
||||
reactive,
|
||||
nextTick,
|
||||
onBeforeMount,
|
||||
computed,
|
||||
} from "vue";
|
||||
import { NDivider } from 'naive-ui'
|
||||
import { useHome } from "@/store/home/index.js";
|
||||
import { useRoute } from "vue-router";
|
||||
import { useI18n } from "vue-i18n";
|
||||
|
||||
import { useRouter } from "vue-router";
|
||||
const router = useRouter();
|
||||
const { t } = useI18n();
|
||||
const state = reactive({
|
||||
pageTitle: "",
|
||||
});
|
||||
|
||||
const currentArticleContent = computed(() => {
|
||||
const messages = t('companyprofildetail', {}, { resolveComponent: false });
|
||||
if (state.pageTitle === messages.article1.title) {
|
||||
return messages.article1.content;
|
||||
} else if (state.pageTitle === messages.article2.title) {
|
||||
return messages.article2.content;
|
||||
} else if (state.pageTitle === messages.article3.title) {
|
||||
return messages.article3.content;
|
||||
} else if (state.pageTitle === messages.article4.title) {
|
||||
return messages.article4.content;
|
||||
} else if (state.pageTitle === messages.article5.title) {
|
||||
return messages.article5.content;
|
||||
}
|
||||
return [];
|
||||
});
|
||||
|
||||
const handleTabClick = (tab) => {
|
||||
currentTab.value = tab;
|
||||
router.push('/' + tab);
|
||||
}
|
||||
const { currentTab } = useHome();
|
||||
const route = useRoute();
|
||||
onBeforeMount(() => {
|
||||
state.pageTitle = route.query.title;
|
||||
});
|
||||
onMounted(() => {});
|
||||
onMounted(() => {
|
||||
window.scrollTo(0, 0);
|
||||
});
|
||||
onUnmounted(() => {});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.divider1 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 477px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
|
||||
}
|
||||
|
||||
.divider2 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 715px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom, #E6EAEE 50%, transparent 50%);
|
||||
background-size: 1px 15px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider3 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 950px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom, #E6EAEE 50%, transparent 50%);
|
||||
background-size: 1px 15px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider4 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 1186px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
background-image: linear-gradient(to bottom, #E6EAEE 50%, transparent 50%);
|
||||
background-size: 1px 15px; // 第一个值是宽度，第二个值是虚线的总长度（实线+空白）
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
|
||||
.divider5 {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
left: 1410px;
|
||||
width: 1px;
|
||||
height: 100vw;
|
||||
}
|
||||
.page-container {
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
@ -464,7 +415,7 @@ onUnmounted(() => {});
|
||||
|
||||
}
|
||||
.title {
|
||||
line-height: 110px;
|
||||
// line-height: 110px;
|
||||
color: #10253e;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -90,6 +90,7 @@ const handleWheel = (e) => {
|
||||
|
||||
// 监听滚轮事件
|
||||
onMounted(() => {
|
||||
window.scrollTo(0, 0);
|
||||
window.addEventListener('wheel', handleWheel, { passive: false });
|
||||
});
|
||||
|
||||
@ -539,8 +540,8 @@ watch(
|
||||
<div class="tab-item" :class="{ active: currentTab === 'companyprofil' }" @click="handleTabClick('companyprofil')">
|
||||
{{ t('home.nav.company') }}
|
||||
</div>
|
||||
<div class="tab-item" :class="{ active: currentTab === 'business' }" @click="handleTabClick('business')">
|
||||
{{ t('home.nav.business') }}
|
||||
<div class="tab-item" :class="{ active: currentTab === 'businessintroduction' }" @click="handleTabClick('businessintroduction')">
|
||||
{{ t('home.nav.businessintroduction') }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -542,8 +542,8 @@ watch(
|
||||
<div class="tab-item" :class="{ active: currentTab === 'companyprofil' }" @click="handleTabClick('companyprofil')">
|
||||
{{ t('home.nav.company') }}
|
||||
</div>
|
||||
<div class="tab-item" :class="{ active: currentTab === 'business' }" @click="handleTabClick('business')">
|
||||
{{ t('home.nav.business') }}
|
||||
<div class="tab-item" :class="{ active: currentTab === 'businessintroduction' }" @click="handleTabClick('businessintroduction')">
|
||||
{{ t('home.nav.businessintroduction') }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user