+ 
@@ -53,11 +59,11 @@ import { useRouter } from "vue-router";
import { useHeaderMenuConfig } from "@/config/headerMenuConfig";
const themeOverrides = {
Menu: {
- itemTextColorHover: "#ff7bac",
- itemTextColorActive: "#ff7bac",
- itemTextColorActiveHover: "#ff7bac",
- itemColorHover: "#fff8fb",
- itemColorActive: "#fff8fb",
+ itemTextColorHover: "#000",
+ itemTextColorActive: "#FF7BAC",
+ itemTextColorActiveHover: "#fff8fb",
+ itemColorHover: "#FDDFE9",
+ itemColorActive: "#fff",
itemColorActiveHover: "#fff8fb",
},
};
@@ -125,7 +131,7 @@ const handleToHome = () => {
.custom-header {
transition: all 0.3s ease;
background: transparent;
- height: 320px;
+ height: 60 * 5.12px;
&.header-scrolled {
background: rgba(255, 255, 255, 0.95);
@@ -152,8 +158,7 @@ const handleToHome = () => {
}
.logo :deep(.n-image) {
- max-width: 100px;
- height: auto;
+ width: 94 * 5.12px;
}
.menu-btn {
@@ -168,6 +173,7 @@ const handleToHome = () => {
user-select: none;
transition: background 0.2s;
position: relative;
+ width: 56 * 5.12px;
.menu-icon {
position: absolute;
@@ -198,14 +204,14 @@ const handleToHome = () => {
.mobile-menu-wrapper {
position: fixed;
- top: 320px;
+ top: 60 * 5.12px;
left: 0;
width: 100vw;
- background: #fddfea;
+ background: #fff;
z-index: 1100;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
padding: 40px 0 80px 0;
- max-height: 1500px;
+ max-height: 1500 * 5.12px;
overflow-y: auto;
// 设置CSS变量，只影响当前组件的菜单
diff --git a/src/components/customHeader/size768/index.vue b/src/components/customHeader/size768/index.vue
index 14eaa11..af59c7a 100644
--- a/src/components/customHeader/size768/index.vue
+++ b/src/components/customHeader/size768/index.vue
@@ -170,6 +170,7 @@ const handleToHome = () => {
user-select: none;
transition: background 0.2s;
position: relative;
+ width: 56 * 2.5px;
.menu-icon {
position: absolute;
diff --git a/src/views/product-introduction/index.vue b/src/views/product-introduction/index.vue
index 973ca46..cfc4094 100644
--- a/src/views/product-introduction/index.vue
+++ b/src/views/product-introduction/index.vue
@@ -2,7 +2,7 @@
import { computed } from "vue";
import { useWindowSize } from "@vueuse/core";
-// import size375 from "./size375/index.vue";
+import size375 from "./size375/index.vue";
import size768 from "./size768/index.vue";
import size1440 from "./size1440/index.vue";
import size1920 from "./size1920/index.vue";
diff --git a/src/views/product-introduction/size375/index.vue b/src/views/product-introduction/size375/index.vue
index e69de29..c002c33 100644
--- a/src/views/product-introduction/size375/index.vue
+++ b/src/views/product-introduction/size375/index.vue
@@ -0,0 +1,589 @@
+
+
+
+
+
+
+
+
+
+
+ More than just a tool——
+ Comprehensive growth
solutions, providing a one-
stop + solution for content
creation, publishing, analysis,
+ and monetization +
+ + Comprehensive growth
solutions, providing a one-
stop + solution for content
creation, publishing, analysis,
+ and monetization +
+
+
+
+ Core Value
+
+ The FIEE-SAAS platform is a one-stop content operation solution
+ tailored for creators in the digital era. The platform utilizes
+ intelligent distribution technology, A1 empowerment tools, and
+ full-chain services,Assist you in efficiently reaching audiences on
+ global mainstream platforms such as TikTok, YouTube, and Instagram,
+ creating a KOL brand effect, unlocking content value, and achieving
+ sustainable growth.
+
+ 
+
+
+
+ Product Features
+
+
+
+
+
+
+ One-click Synchronous Publishing
+
+
+ Synchronize graphic and video content to TikTok, YouTube, and
+ Instagram platforms at once, saving time on repetitive operations.
+
+
+
+
+
+ Intelligent Scheduled Publishing
+
+
+ Plan the content release time in advance, support batch scheduling,
+ and accurately grasp the optimal release time of each platform.
+
+
+
+
+
+ Unified Management of Multiple Accounts
+
+
+ Easily manage multiple accounts on one platform without the need for
+ repeated login and switching, improving team collaboration
+ efficiency.
+
+
+
+
+
+ Cloud Content Library
+
+
+ Safely store and manage all creative materials, access and use them
+ anytime, anywhere, and support quick retrieval and reuse.
+
+
+
+
+
+ Basic Data Tracking
+
+
+ Visually view the content performance of various platforms,
+ understand core data indicators, and provide a basis for optimizing
+ strategies.
+
+
+
+
+ Value Added Solutions
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+ KOL Brand Promotion Services
+
+
+ Efficiently connect high-quality business cooperation
+ opportunities and complete the entire process management from
+ order acceptance to publication within the platform.
+
+
+ 
+
+
+
+
+ Professional Content Creation Support
+
+
+ Connect professional shooting and post production teams for you,
+ create high-quality "art+story" content, and strengthen IP
+ influence.
+
+
+ 
+
+
+
+
+ Account Operation and Hosting Services
+
+
+ From 0 to 1 account positioning, follower growth strategy to
+ monetization cycle, operation experts provide full cycle running
+ and hosting services.
+
+
+
+
+
+
+ Our Advantages
+
+
+
+
+
+
+ Time Saving
+
+
+ Multi platform publishing efficiency improvement, allowing you to
+ focus on content creation.
+
+
+
+
+
+ Safe and Reliable
+
+
+ Enterprise level data encryption and permission control ensure
+ account and content security.
+
+
+
+
+
+ Maintain Consistency
+
+
+ Ensure that brand information is presented uniformly on all
+ platforms.
+
+
+
+
+
+ Data Driven
+
+
+ Optimizing Content Strategies Based on Actual Performance.
+
+
+
+
+
+ Easy to Use
+
+
+ Intuitive interface design, no need for professional technical
+ background.
+
+
+
+ Get customized
solutions for free
+
+ solutions for free
+ 
+
+
+ 
+