updated

src/main/resources/static/css/supplier-login/login.css

@@ -342,7 +342,7 @@ body{
     overflow: hidden;
 }
 #fullpage #zeroPage {
-    height: 140vh;
+    height: auto;
     padding-top: 7vh;
 }
 #zeroPage .el-carousel__container {
@@ -426,15 +426,14 @@ body{
     justify-content: center;
     align-items: center;
     width: 100vw;
-    height: 45vh;
+    height: 600px;
     box-sizing: border-box;
-    margin-top: 5vh;
 }
 .server .server_1,
 .server .server_2,
 .server .server_3 {
-    height: 100%;
-    width: 400px;
+    height: 460px;
+    width: 390px;
     position: relative;
 }
 #zeroPage .server .box {
@@ -559,17 +558,19 @@ body{
 #firstPage {
     background: url("/img/supplier-login/selection/select_bg.png") no-repeat;
     background-size: cover;
+    height: 1014px !important;
 }
 #firstPage .selection {
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 78px;
 }
 #firstPage .selection .selection_item{
-    height: 65vh;
-    padding-top: 2vh;
+    padding-top: 20px;
     box-sizing: border-box;
     transition: .3s;
+    height: 666px;
 }
 #firstPage .selection .selection_item:hover {
     padding-top: 0;
@@ -582,8 +583,8 @@ body{
     margin: 2vh;
 }
 #firstPage .selection_item .selection_item_contain {
-    width: 100%;
-    height: 71vh;
+    width: 392px;
+    height: 646px;
     background-color: #fff;
 }
 #firstPage .selection_item .selection_item_contain .contain_bg_01 {
@@ -596,7 +597,7 @@ body{
     justify-content: center;
     color: #FFFFFF;
     font-weight: bold;
-    font-size: 2vw;
+    font-size: 40px;
 }
 #firstPage .selection_item .selection_item_contain .contain_bg_02 {
     width: 392px;
@@ -624,14 +625,14 @@ body{
 }
 #firstPage .selection_item_contain .bg1_text {
     width: 100%;
-    height: 57vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
-    font-size: 0.8vw;
-    padding: 2vh;
+    font-size: 18px;
+    padding: 48px;
     box-sizing: border-box;
+    height: 526px;
 }
 .bg1_contain {
     display: flex;
@@ -654,6 +655,7 @@ body{
     align-items: center;
     justify-content: space-between;
     width: 100%;
+    height: 257px;
 }
 .select_btn {
     width: 100%;

src/main/resources/static/css/supplier-login/text_info.css

@@ -324,7 +324,6 @@ body{
 #login_content {
     position: relative;
     width: 100vw;
-    height: 100%;
 }
 #fullpage {
     width: 100vw;
@@ -343,7 +342,7 @@ body{
     overflow: hidden;
 }
 #fullpage #zeroPage {
-    height: 140vh;
+    height: auto;
     padding-top: 7vh;
 }
 #zeroPage .el-carousel__container {
@@ -427,15 +426,14 @@ body{
     justify-content: center;
     align-items: center;
     width: 100vw;
-    height: 45vh;
+    height: 600px;
     box-sizing: border-box;
-    margin-top: 5vh;
 }
 .server .server_1,
 .server .server_2,
 .server .server_3 {
-    height: 100%;
-    width: 400px;
+    height: 460px;
+    width: 390px;
     position: relative;
 }
 #zeroPage .server .box {
@@ -560,17 +558,19 @@ body{
 #firstPage {
     background: url("/img/supplier-login/selection/select_bg.png") no-repeat;
     background-size: cover;
+    height: 1014px !important;
 }
 #firstPage .selection {
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 78px;
 }
 #firstPage .selection .selection_item{
-    height: 65vh;
-    padding-top: 2vh;
+    padding-top: 20px;
     box-sizing: border-box;
     transition: .3s;
+    height: 666px;
 }
 #firstPage .selection .selection_item:hover {
     padding-top: 0;
@@ -583,8 +583,8 @@ body{
     margin: 2vh;
 }
 #firstPage .selection_item .selection_item_contain {
-    width: 100%;
-    height: 71vh;
+    width: 392px;
+    height: 646px;
     background-color: #fff;
 }
 #firstPage .selection_item .selection_item_contain .contain_bg_01 {
@@ -597,7 +597,7 @@ body{
     justify-content: center;
     color: #FFFFFF;
     font-weight: bold;
-    font-size: 2vw;
+    font-size: 40px;
 }
 #firstPage .selection_item .selection_item_contain .contain_bg_02 {
     width: 392px;
@@ -625,14 +625,14 @@ body{
 }
 #firstPage .selection_item_contain .bg1_text {
     width: 100%;
-    height: 57vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
-    font-size: 0.8vw;
-    padding: 2vh;
+    font-size: 18px;
+    padding: 48px;
     box-sizing: border-box;
+    height: 526px;
 }
 .bg1_contain {
     display: flex;
@@ -655,6 +655,7 @@ body{
     align-items: center;
     justify-content: space-between;
     width: 100%;
+    height: 257px;
 }
 .select_btn {
     width: 100%;

src/main/resources/static/js/supplier-login/login.js

@@ -35,9 +35,9 @@ new Vue({
             }
         ],
         // 基础
-        foundationList: ['品牌旗舰店入驻；','首页通栏广告3个月；','信息中心右侧广告3个月；','公众号推文4篇；','信息中心文章发布（长期）；', '采美直播间4场；' ,'新品橱窗商品ID置顶3个月；', '采美视频专栏《美业企谈》线上专访1次；', '自媒体矩阵内容分发6个月；', '展会报名优先（线上线下融合）；',' 引流关键词策划；', '全渠道媒体曝光。'],
-        customizationList: ['获客成本攀升；', '私域流量运营难；', '营销转化没效果；', '潜客质量无法甄别；', '市场和销售无法协同；', '客户成单和复购低。'],
-        caseList: ['提升你的品牌影响力；', '打磨你的内容转粉力；', '覆盖你的客户全生命周期；', '陪跑你的私域；', '提高你的投入产出比；', '打造你的数字化军队。'],
+        foundationList: ['品牌商城入驻','品牌内容宣发','用户画像洞察','客户旅程搭建','客户线索跟踪', '线索转化'],
+        customizationList: ['基础版全部内容', '引流关键词策划和布局', '漏斗模型转化率评估', '数字营销内容策划', '客户线索跟踪', '线索转化'],
+        caseList: ['高级版全部内容', '设置销售目标', '数据模型策划和执行', '品牌私域运营及正品认证通', '开放平台全域销售系统', '保证销售目标的执行'],
         activeLinkId: 0, // 动态链接
         countNum: true,
         activeId: 0,

src/main/resources/static/js/supplier-login/text_info.js

@@ -34,10 +34,9 @@ new Vue({
                 href: '#sixPage'
             }
         ],
-        // 基础
-        foundationList: ['品牌旗舰店入驻；','首页通栏广告3个月；','信息中心右侧广告3个月；','公众号推文4篇；','信息中心文章发布（长期）；', '采美直播间4场；' ,'新品橱窗商品ID置顶3个月；', '采美视频专栏《美业企谈》线上专访1次；', '自媒体矩阵内容分发6个月；', '展会报名优先（线上线下融合）；',' 引流关键词策划；', '全渠道媒体曝光。'],
-        customizationList: ['获客成本攀升；', '私域流量运营难；', '营销转化没效果；', '潜客质量无法甄别；', '市场和销售无法协同；', '客户成单和复购低。'],
-        caseList: ['提升你的品牌影响力；', '打磨你的内容转粉力；', '覆盖你的客户全生命周期；', '陪跑你的私域；', '提高你的投入产出比；', '打造你的数字化军队。'],
+        foundationList: ['品牌商城入驻','品牌内容宣发','用户画像洞察','客户旅程搭建','客户线索跟踪', '线索转化'],
+        customizationList: ['基础版全部内容', '引流关键词策划和布局', '漏斗模型转化率评估', '数字营销内容策划', '客户线索跟踪', '线索转化'],
+        caseList: ['高级版全部内容', '设置销售目标', '数据模型策划和执行', '品牌私域运营及正品认证通', '开放平台全域销售系统', '保证销售目标的执行'],
         activeLinkId: 6, // 动态链接
         countNum: true,
         activeId: 6,
@@ -279,6 +278,7 @@ new Vue({
                 this.activeLinkId = 7
                 nav_link_item.style.left = '36vw'
             }
+            this.goLinkActive()
         },
         // 切换链接跳转
         handlerNav(options) {

src/main/resources/templates/supplier_login/index.html

@@ -30,10 +30,10 @@
                 <div class="text">美业参谋</div>
             </div>
             <div class="header_link" v-cloak>
-                <a ref="link_item" :href="item.href"  @click="handlerNav(item)" class="header_link_itme" :class="activeLinkId === item.id ? 'isActiveLink' : ''" v-for="item in activeLinks" :key="item.id">
+                <a ref="link_item" :href="item.href" @click="handlerNav(item)" class="header_link_itme" :class="activeLinkId === item.id ? 'isActiveLink' : ''" v-for="item in activeLinks" :key="item.id">
                     {{item.title}}
                 </a>
-                <div class="nav_link" ref="nav_link_item" style="">
+                <div class="nav_link" ref="nav_link_item">
                     <div class="nav_link_item"></div>
                 </div>
             </div>
@@ -43,10 +43,7 @@
                     <div>153-3889-7365</div>
                 </div>
                 <div v-if="userInfo && userInfo.userIdentity === 3" v-cloak class="username">
-                    <el-popover
-                            placement="bottom"
-                            width="50"
-                            trigger="hover">
+                    <el-popover placement="bottom" width="50" trigger="hover">
                         <div class="cShow" v-if="userInfo && userInfo.userIdentity === 3">
                             <a class="a_cm" href="/supplier/dashboard.html" rel="nofollow">我的采美</a>
                             <a class="a_cm" href="javascript:void(0);" @click="pageLinkSupplier()">店铺管理</a>
@@ -79,7 +76,7 @@
         <a href="#" class="slide_icon_item goTop" @click="handlerNav({id: 0})" v-if="activeLinkId!==0"></a>
     </div>
     <div id="fullpage" ref="fullPage" v-if="showContent">
-        <div id="zeroPage" class="page section" >
+        <div id="zeroPage" class="page section">
             <el-carousel arrow="always" :interval="4000">
                 <el-carousel-item>
                     <div class="banner01">
@@ -92,11 +89,11 @@
                 </el-carousel-item>
             </el-carousel>
             <div class="Title">
-                <div class="text animate__animated" >全生命周期陪跑服务</div>
-                <div class="title animate__animated" >采美，更专业的美业数字化营销服务</div>
+                <div class="text animate__animated">全生命周期陪跑服务</div>
+                <div class="title animate__animated">采美，更专业的美业数字化营销服务</div>
             </div>
             <div class="server">
-                <div class="server_1 animate__animated" >
+                <div class="server_1 animate__animated">
                     <div class="box tourist_bg">
                         <div class="tourist_bg_logo"></div>
                         <div class="tourist_bg_title">全渠道获客</div>
@@ -106,10 +103,10 @@
                         <div class="tourist_title">全渠道获客</div>
                         <div class="tourist_li">|</div>
                         <div class="all_cont">· 精准投放推广内容触达B端客户 ·</div>
-                        <div class="all_cont" >· 精准识别全渠道匿名用户线索 ·</div>
+                        <div class="all_cont">· 精准识别全渠道匿名用户线索 ·</div>
                     </div>
                 </div>
-                <div class="server_2 animate__animated" >
+                <div class="server_2 animate__animated">
                     <div class="box operate_bg">
                         <div class="operate_bg_logo"></div>
                         <div class="operate_bg_title">潜客运营</div>
@@ -118,12 +115,12 @@
                         <div class="operate_logo"></div>
                         <div class="operate_title">潜客运营</div>
                         <div class="operate_li">|</div>
-                        <div class="all_cont" >· 潜客筛选 ·</div>
-                        <div class="all_cont" >· 精细化分层运营 ·</div>
-                        <div class="all_cont" >· 精准推送内容 ·</div>
+                        <div class="all_cont">· 潜客筛选 ·</div>
+                        <div class="all_cont">· 精细化分层运营 ·</div>
+                        <div class="all_cont">· 精准推送内容 ·</div>
                     </div>
                 </div>
-                <div class="server_3 animate__animated" >
+                <div class="server_3 animate__animated">
                     <div class="box sale_bg">
                         <div class="sale_bg_logo"></div>
                         <div class="sale_bg_title">销售转化</div>
@@ -132,20 +129,20 @@
                         <div class="sale_logo"></div>
                         <div class="sale_title">销售转化</div>
                         <div class="sale_li">|</div>
-                        <div class="all_cont" >· 全链条商机管理，用户线索流程清晰，高效流转 ·</div>
-                        <div class="all_cont" >· 全场景交易平台，线上线下一体化把握每一条商机 ·</div>
-                        <div class="all_cont" >· 全方位售后服务，延长客户生命周期、提高复购率 ·</div>
+                        <div class="all_cont">· 全链条商机管理，用户线索流程清晰，高效流转 ·</div>
+                        <div class="all_cont">· 全场景交易平台，线上线下一体化把握每一条商机 ·</div>
+                        <div class="all_cont">· 全方位售后服务，延长客户生命周期、提高复购率 ·</div>
                     </div>
                 </div>
             </div>
         </div>
-        <div id="firstPage" class="page section" >
+        <div id="firstPage" class="page section">
             <div class="Title">
-                <div class="text animate__animated" >解决方案</div>
-                <div class="title animate__animated" >满足企业全方位需求</div>
+                <div class="text animate__animated">解决方案</div>
+                <div class="title animate__animated">满足企业全方位需求</div>
             </div>
-            <div class="selection" >
-                <div class="selection_item animate__animated" >
+            <div class="selection">
+                <div class="selection_item animate__animated">
                     <div class="selection_item_contain">
                         <div class="contain_bg_01">
                             <span class="title">基础版</span>
@@ -157,22 +154,21 @@
                                     <div v-cloak>{{item}}</div>
                                 </div>
                             </div>
-                            <div v-cloak style="width: 100%;height: 6vh;">
-                                ￥<span style="font-size: 2vw; font-weight: bold;">26800</span>/年
+                            <div v-cloak style="width: 100%;">
+                                ￥<span style="font-size: 40px; font-weight: bold;">26800</span>/年
                             </div>
-<!--                            <div v-if="userInfo && userInfo.userIdentity === 3" class="select_btn_login">已登录</div>-->
+                            <!--                            <div v-if="userInfo && userInfo.userIdentity === 3" class="select_btn_login">已登录</div>-->
                             <div class="select_btn" @click="selectionQus">查看解决方案</div>
                         </div>
                     </div>
                 </div>
-                <div class="selection_item animate__animated" >
+                <div class="selection_item animate__animated">
                     <div class="selection_item_contain">
                         <div class="contain_bg_02">
-                            <span class="title" style="margin-left: -36px;">按需定制</span>
+                            <span class="title" style="margin-left: -36px;">高级版</span>
                         </div>
                         <div class="bg1_text">
                             <div style="width: 100%">
-                                <div style="margin-bottom: 3vh;color: #666666;font-weight: bold">优先解决企业局部痛点，如：</div>
                                 <div class="text_contain">
                                     <div class="bg1_contain" v-for="(item, id) in customizationList" :key="id">
                                         <div class="square_icon"></div>
@@ -184,10 +180,10 @@
                         </div>
                     </div>
                 </div>
-                <div class="selection_item animate__animated" >
+                <div class="selection_item animate__animated">
                     <div class="selection_item_contain">
                         <div class="contain_bg_03">
-                            <span class="title" style="margin-left: -36px;">全案定制</span>
+                            <span class="title" style="margin-left: -36px;">战略版</span>
                         </div>
                         <div class="bg1_text">
                             <div style="width: 100%">
@@ -204,12 +200,12 @@
                 </div>
             </div>
         </div>
-        <div id="secondPage" class="page section" >
+        <div id="secondPage" class="page section">
             <div class="Title">
-                <div class="text animate__animated" >基础运营产品</div>
+                <div class="text animate__animated">基础运营产品</div>
                 <div class="title animate__animated">使企业走向数字化的基石</div>
             </div>
-            <div class="operationa" >
+            <div class="operationa">
                 <div class="operationa_contain">
                     <div class="bg1 animate__animated" v-show="isStore"></div>
                     <div class="bg2 animate__animated" v-show="isStore"></div>
@@ -219,11 +215,11 @@
                         <div class="online_logo animate__animated"></div>
                         <div class="online_title">在线商城</div>
                     </div>
-                    <div class="online" v-show="isAthor" @click="changeModeAuthor" >
-                        <div class="online_logo" ></div>
-                        <div class="online_title" >在线商城</div>
+                    <div class="online" v-show="isAthor" @click="changeModeAuthor">
+                        <div class="online_logo"></div>
+                        <div class="online_title">在线商城</div>
                     </div>
-                    <div class="author" @click="changeModeAuthor" v-show="isStore" >
+                    <div class="author" @click="changeModeAuthor" v-show="isStore">
                         <div class="author_title">正品认证通</div>
                         <div class="author_logo"></div>
                     </div>
@@ -232,7 +228,7 @@
                         <div class="online_title" style="color: white">正品认证通</div>
                     </div>
                     <div class="contain" v-show="isStore">
-                        <div class="contain_logo animate__animated" ></div>
+                        <div class="contain_logo animate__animated"></div>
                         <div class="contain_list" v-cloak>
                             <div class="list_item" v-for="item in contain_list" :key="item.id">
                                 <div></div>
@@ -242,7 +238,7 @@
                         </div>
                     </div>
                     <div class="athor_contain" v-show="isAthor">
-                        <div class="athor_contain_logo animate__animated" ></div>
+                        <div class="athor_contain_logo animate__animated"></div>
                         <div class="athor_contain_list" v-cloak>
                             <div class="list_item" v-for="item in athor_contain_list" :key="item.id">
                                 <div class="list_item_logo"></div>
@@ -257,9 +253,9 @@
                 </div>
             </div>
         </div>
-        <div id="thirdPage" class="page section" >
+        <div id="thirdPage" class="page section">
             <div class="Title">
-                <div class="text animate__animated" >场景营销工具</div>
+                <div class="text animate__animated">场景营销工具</div>
                 <div class="title animate__animated">多样化工具，全方位助力您的企业目标</div>
             </div>
             <div class="pageInner">
@@ -273,15 +269,15 @@
                         <div class="container_item_active" v-for="i in item.contant" :key="i.id" @mouseenter="mouseTitle(index)">
                             <div class="container_item_hover animate__animated" v-if="i.id % 2 !==0">
                                 <div class="item_title">{{i.title}}</div>
-                                <div class="item_contant" >{{i.contant}}</div>
+                                <div class="item_contant">{{i.contant}}</div>
                                 <div class="item_logo_box">
                                     <div class="item_logo" :id=`item_logo_${i.id}`></div>
                                 </div>
                                 <div class="item_title_p">{{i.title}}</div>
                             </div>
-                            <div class="container_item_hover2 animate__animated" v-else >
+                            <div class="container_item_hover2 animate__animated" v-else>
                                 <div class="item_title">{{i.title}}</div>
-                                <div class="item_contant" >{{i.contant}}</div>
+                                <div class="item_contant">{{i.contant}}</div>
                                 <div class="item_logo_box">
                                     <div class="item_logo" :id=`item_logo_${i.id}`></div>
                                 </div>
@@ -294,12 +290,13 @@
         </div>
         <div id="fourPage" class="page section" style="background: #fff;">
             <div class="Title">
-                <div class="text animate__animated" >成功案例</div>
-                <div class="title animate__animated" >了解已合作品牌的真实推广案例，借鉴成功经验，助力有效推广，实现商业目标</div>
+                <div class="text animate__animated">成功案例</div>
+                <div class="title animate__animated">了解已合作品牌的真实推广案例，借鉴成功经验，助力有效推广，实现商业目标</div>
             </div>
             <div style="display: flex;justify-content: center;align-items: center;margin-top: 10vh;">
-                <div class="pageInner_contain" >
-                    <div class="nextChange" :class="isActiveNext ? 'isActiveNext' : ''" @click="nextPageCar"><</div>
+                <div class="pageInner_contain">
+                    <div class="nextChange" :class="isActiveNext ? 'isActiveNext' : ''" @click="nextPageCar">
+                        <</div>
                     <el-carousel indicator-position="outside" ref="carousel" height="30vw" :interval="4000">
                         <el-carousel-item v-for="item in el_carousel_list" :key="item.id">
                             <div class="four_logo_1 animate__animated">
@@ -315,24 +312,22 @@
                 </div>
             </div>
         </div>
-        <div id="fivePage" class="page section" >
+        <div id="fivePage" class="page section">
             <div class="Title" style="color: white">
-                <div style="color: white" class="text animate__animated" >关于采美</div>
-                <div class="title animate__animated" >了解采美，合作共赢</div>
+                <div style="color: white" class="text animate__animated">关于采美</div>
+                <div class="title animate__animated">了解采美，合作共赢</div>
             </div>
             <div class="inner_contain">
                 <div class="inner">
-                    <div class="caimei_introduction animate__animated" >
-                        采美网是一个生活美容和医疗美容行业B2B数字化营销和供应链服务平台，其核心资产包括采购 信息中心，媒体矩阵，数字运营以及线上交易和
-                        供应链管理软件，建立了一个从信息引流到数字 运营到交易结算一体化平台，站外引流站内运营，采购转化的闭环生态，采美平台以创造客户价
-                        值为核心，借助数字化营销的优  势，赋能美业供应链上下游企业，共同打造一站式美业双线融合的供应链新生态。
+                    <div class="caimei_introduction animate__animated">
+                        采美网是一个生活美容和医疗美容行业B2B数字化营销和供应链服务平台，其核心资产包括采购 信息中心，媒体矩阵，数字运营以及线上交易和 供应链管理软件，建立了一个从信息引流到数字 运营到交易结算一体化平台，站外引流站内运营，采购转化的闭环生态，采美平台以创造客户价 值为核心，借助数字化营销的优 势，赋能美业供应链上下游企业，共同打造一站式美业双线融合的供应链新生态。
                     </div>
-                    <div class="caimei_report" v-cloak >
+                    <div class="caimei_report" v-cloak>
                         <div class="report_item" v-for="item in report_list" :key="item.id">
-                            <div class="report_logo animate__animated" >
-                                <span class="animate__animated" >{{item.contant}}</span>
+                            <div class="report_logo animate__animated">
+                                <span class="animate__animated">{{item.contant}}</span>
                             </div>
-                            <div class="report_title animate__animated" >
+                            <div class="report_title animate__animated">
                                 {{item.title}}
                             </div>
                             <div class="report_line">
@@ -352,8 +347,8 @@
         </div>
         <div id="sixPage" class="page section" style="background: #fff">
             <div class="Title" style="background: #fff">
-                <div class="text animate__animated" >增长社区</div>
-                <div class="title animate__animated" >数十年资深美业运营经验，教你快速成长</div>
+                <div class="text animate__animated">增长社区</div>
+                <div class="title animate__animated">数十年资深美业运营经验，教你快速成长</div>
             </div>
             <div style="display:flex; justify-content: center;align-items: center;background: #fff;">
                 <div class="community">
@@ -377,15 +372,15 @@
                         <div class="community_title">干货知识</div>
                         <div class="community_list" v-cloak>
                             <div class="article_list_item" :style="{marginLeft: item.id!==1 ? '1%' : '0'}" v-for="item in community_article_list" :key="item.id" @click="textInfo(item.id)">
-                                    <div class="article_list_item_content">
-                                        <div class="article_bg">
-                                            <el-image :src="item.bg" fit="cover" style="width: 100%; height: 100%;"></el-image>
-                                        </div>
-                                        <div class="article_text">
-                                            <div class="text_title">{{item.title | textSubString(12)}}</div>
-                                            <div style="padding: 0 4%;">{{item.content | textSubString(50)}}</div>
-                                        </div>
+                                <div class="article_list_item_content">
+                                    <div class="article_bg">
+                                        <el-image :src="item.bg" fit="cover" style="width: 100%; height: 100%;"></el-image>
+                                    </div>
+                                    <div class="article_text">
+                                        <div class="text_title">{{item.title | textSubString(12)}}</div>
+                                        <div style="padding: 0 4%;">{{item.content | textSubString(50)}}</div>
                                     </div>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -416,6 +411,7 @@
     </div>
 </div>
 
+
 <script charset="utf-8" type="text/javascript" src="/lib/jquery-3.6.0.min.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/jquery.slide-2.1.3.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/swiper.min.js"></script>

src/main/resources/templates/supplier_login/text_info.html

@@ -30,16 +30,10 @@
         <div class="text">美业参谋</div>
       </div>
       <div class="header_link" v-cloak>
-        <a ref="link_item" :href="item.href"  @click="handlerNav(item)" class="header_link_itme" :class="activeLinkId === item.id ? 'isActiveLink' : ''" v-for="item in activeLinks" :key="item.id">
+        <a ref="link_item" :href="item.href" @click="handlerNav(item)" class="header_link_itme" :class="activeLinkId === item.id ? 'isActiveLink' : ''" v-for="item in activeLinks" :key="item.id">
           {{item.title}}
         </a>
-        <!--                <a href="https://www.caimei365.com/help/1044.html" target="_blank" style="font-size: 0.84vw;-->
-        <!--                        width: 7vw;-->
-        <!--                        height: 100%;-->
-        <!--                        justify-content: center;-->
-        <!--                        display: flex;-->
-        <!--                        align-items: center;">帮助中心</a>-->
-        <div class="nav_link" ref="nav_link_item" style="">
+        <div class="nav_link" ref="nav_link_item">
           <div class="nav_link_item"></div>
         </div>
       </div>
@@ -49,10 +43,7 @@
           <div>153-3889-7365</div>
         </div>
         <div v-if="userInfo && userInfo.userIdentity === 3" v-cloak class="username">
-          <el-popover
-                  placement="bottom"
-                  width="50"
-                  trigger="hover">
+          <el-popover placement="bottom" width="50" trigger="hover">
             <div class="cShow" v-if="userInfo && userInfo.userIdentity === 3">
               <a class="a_cm" href="/supplier/dashboard.html" rel="nofollow">我的采美</a>
               <a class="a_cm" href="javascript:void(0);" @click="pageLinkSupplier()">店铺管理</a>
@@ -85,7 +76,7 @@
     <a href="#" class="slide_icon_item goTop" @click="handlerNav({id: 0})" v-if="activeLinkId!==0"></a>
   </div>
   <div id="fullpage" ref="fullPage" v-if="showContent">
-    <div id="zeroPage" class="page section" >
+    <div id="zeroPage" class="page section">
       <el-carousel arrow="always" :interval="4000">
         <el-carousel-item>
           <div class="banner01">
@@ -98,11 +89,11 @@
         </el-carousel-item>
       </el-carousel>
       <div class="Title">
-        <div class="text animate__animated" >全生命周期陪跑服务</div>
-        <div class="title animate__animated" >采美，更专业的美业数字化营销服务</div>
+        <div class="text animate__animated">全生命周期陪跑服务</div>
+        <div class="title animate__animated">采美，更专业的美业数字化营销服务</div>
       </div>
       <div class="server">
-        <div class="server_1 animate__animated" >
+        <div class="server_1 animate__animated">
           <div class="box tourist_bg">
             <div class="tourist_bg_logo"></div>
             <div class="tourist_bg_title">全渠道获客</div>
@@ -112,10 +103,10 @@
             <div class="tourist_title">全渠道获客</div>
             <div class="tourist_li">|</div>
             <div class="all_cont">· 精准投放推广内容触达B端客户 ·</div>
-            <div class="all_cont" >· 精准识别全渠道匿名用户线索 ·</div>
+            <div class="all_cont">· 精准识别全渠道匿名用户线索 ·</div>
           </div>
         </div>
-        <div class="server_2 animate__animated" >
+        <div class="server_2 animate__animated">
           <div class="box operate_bg">
             <div class="operate_bg_logo"></div>
             <div class="operate_bg_title">潜客运营</div>
@@ -124,12 +115,12 @@
             <div class="operate_logo"></div>
             <div class="operate_title">潜客运营</div>
             <div class="operate_li">|</div>
-            <div class="all_cont" >· 潜客筛选 ·</div>
-            <div class="all_cont" >· 精细化分层运营 ·</div>
-            <div class="all_cont" >· 精准推送内容 ·</div>
+            <div class="all_cont">· 潜客筛选 ·</div>
+            <div class="all_cont">· 精细化分层运营 ·</div>
+            <div class="all_cont">· 精准推送内容 ·</div>
           </div>
         </div>
-        <div class="server_3 animate__animated" >
+        <div class="server_3 animate__animated">
           <div class="box sale_bg">
             <div class="sale_bg_logo"></div>
             <div class="sale_bg_title">销售转化</div>
@@ -138,20 +129,20 @@
             <div class="sale_logo"></div>
             <div class="sale_title">销售转化</div>
             <div class="sale_li">|</div>
-            <div class="all_cont" >· 全链条商机管理，用户线索流程清晰，高效流转 ·</div>
-            <div class="all_cont" >· 全场景交易平台，线上线下一体化把握每一条商机 ·</div>
-            <div class="all_cont" >· 全方位售后服务，延长客户生命周期、提高复购率 ·</div>
+            <div class="all_cont">· 全链条商机管理，用户线索流程清晰，高效流转 ·</div>
+            <div class="all_cont">· 全场景交易平台，线上线下一体化把握每一条商机 ·</div>
+            <div class="all_cont">· 全方位售后服务，延长客户生命周期、提高复购率 ·</div>
           </div>
         </div>
       </div>
     </div>
-    <div id="firstPage" class="page section" >
+    <div id="firstPage" class="page section">
       <div class="Title">
-        <div class="text animate__animated" >解决方案</div>
-        <div class="title animate__animated" >满足企业全方位需求</div>
+        <div class="text animate__animated">解决方案</div>
+        <div class="title animate__animated">满足企业全方位需求</div>
       </div>
-      <div class="selection" >
-        <div class="selection_item animate__animated" >
+      <div class="selection">
+        <div class="selection_item animate__animated">
           <div class="selection_item_contain">
             <div class="contain_bg_01">
               <span class="title">基础版</span>
@@ -163,22 +154,21 @@
                   <div v-cloak>{{item}}</div>
                 </div>
               </div>
-              <div v-cloak style="width: 100%;height: 6vh;">
-                ￥<span style="font-size: 2vw; font-weight: bold;">26800</span>/年
+              <div v-cloak style="width: 100%;">
+                ￥<span style="font-size: 40px; font-weight: bold;">26800</span>/年
               </div>
               <!--                            <div v-if="userInfo && userInfo.userIdentity === 3" class="select_btn_login">已登录</div>-->
               <div class="select_btn" @click="selectionQus">查看解决方案</div>
             </div>
           </div>
         </div>
-        <div class="selection_item animate__animated" >
+        <div class="selection_item animate__animated">
           <div class="selection_item_contain">
             <div class="contain_bg_02">
-              <span class="title" style="margin-left: -36px;">按需定制</span>
+              <span class="title" style="margin-left: -36px;">高级版</span>
             </div>
             <div class="bg1_text">
               <div style="width: 100%">
-                <div style="margin-bottom: 3vh;color: #666666;font-weight: bold">优先解决企业局部痛点，如：</div>
                 <div class="text_contain">
                   <div class="bg1_contain" v-for="(item, id) in customizationList" :key="id">
                     <div class="square_icon"></div>
@@ -190,10 +180,10 @@
             </div>
           </div>
         </div>
-        <div class="selection_item animate__animated" >
+        <div class="selection_item animate__animated">
           <div class="selection_item_contain">
             <div class="contain_bg_03">
-              <span class="title" style="margin-left: -36px;">全案定制</span>
+              <span class="title" style="margin-left: -36px;">战略版</span>
             </div>
             <div class="bg1_text">
               <div style="width: 100%">
@@ -210,12 +200,12 @@
         </div>
       </div>
     </div>
-    <div id="secondPage" class="page section" >
+    <div id="secondPage" class="page section">
       <div class="Title">
-        <div class="text animate__animated" >基础运营产品</div>
+        <div class="text animate__animated">基础运营产品</div>
         <div class="title animate__animated">使企业走向数字化的基石</div>
       </div>
-      <div class="operationa" >
+      <div class="operationa">
         <div class="operationa_contain">
           <div class="bg1 animate__animated" v-show="isStore"></div>
           <div class="bg2 animate__animated" v-show="isStore"></div>
@@ -225,11 +215,11 @@
             <div class="online_logo animate__animated"></div>
             <div class="online_title">在线商城</div>
           </div>
-          <div class="online" v-show="isAthor" @click="changeModeAuthor" >
-            <div class="online_logo" ></div>
-            <div class="online_title" >在线商城</div>
+          <div class="online" v-show="isAthor" @click="changeModeAuthor">
+            <div class="online_logo"></div>
+            <div class="online_title">在线商城</div>
           </div>
-          <div class="author" @click="changeModeAuthor" v-show="isStore" >
+          <div class="author" @click="changeModeAuthor" v-show="isStore">
             <div class="author_title">正品认证通</div>
             <div class="author_logo"></div>
           </div>
@@ -238,7 +228,7 @@
             <div class="online_title" style="color: white">正品认证通</div>
           </div>
           <div class="contain" v-show="isStore">
-            <div class="contain_logo animate__animated" ></div>
+            <div class="contain_logo animate__animated"></div>
             <div class="contain_list" v-cloak>
               <div class="list_item" v-for="item in contain_list" :key="item.id">
                 <div></div>
@@ -248,7 +238,7 @@
             </div>
           </div>
           <div class="athor_contain" v-show="isAthor">
-            <div class="athor_contain_logo animate__animated" ></div>
+            <div class="athor_contain_logo animate__animated"></div>
             <div class="athor_contain_list" v-cloak>
               <div class="list_item" v-for="item in athor_contain_list" :key="item.id">
                 <div class="list_item_logo"></div>
@@ -263,9 +253,9 @@
         </div>
       </div>
     </div>
-    <div id="thirdPage" class="page section" >
+    <div id="thirdPage" class="page section">
       <div class="Title">
-        <div class="text animate__animated" >场景营销工具</div>
+        <div class="text animate__animated">场景营销工具</div>
         <div class="title animate__animated">多样化工具，全方位助力您的企业目标</div>
       </div>
       <div class="pageInner">
@@ -279,15 +269,15 @@
             <div class="container_item_active" v-for="i in item.contant" :key="i.id" @mouseenter="mouseTitle(index)">
               <div class="container_item_hover animate__animated" v-if="i.id % 2 !==0">
                 <div class="item_title">{{i.title}}</div>
-                <div class="item_contant" >{{i.contant}}</div>
+                <div class="item_contant">{{i.contant}}</div>
                 <div class="item_logo_box">
                   <div class="item_logo" :id=`item_logo_${i.id}`></div>
                 </div>
                 <div class="item_title_p">{{i.title}}</div>
               </div>
-              <div class="container_item_hover2 animate__animated" v-else >
+              <div class="container_item_hover2 animate__animated" v-else>
                 <div class="item_title">{{i.title}}</div>
-                <div class="item_contant" >{{i.contant}}</div>
+                <div class="item_contant">{{i.contant}}</div>
                 <div class="item_logo_box">
                   <div class="item_logo" :id=`item_logo_${i.id}`></div>
                 </div>
@@ -300,12 +290,13 @@
     </div>
     <div id="fourPage" class="page section" style="background: #fff;">
       <div class="Title">
-        <div class="text animate__animated" >成功案例</div>
-        <div class="title animate__animated" >了解已合作品牌的真实推广案例，借鉴成功经验，助力有效推广，实现商业目标</div>
+        <div class="text animate__animated">成功案例</div>
+        <div class="title animate__animated">了解已合作品牌的真实推广案例，借鉴成功经验，助力有效推广，实现商业目标</div>
       </div>
       <div style="display: flex;justify-content: center;align-items: center;margin-top: 10vh;">
-        <div class="pageInner_contain" >
-          <div class="nextChange" :class="isActiveNext ? 'isActiveNext' : ''" @click="nextPageCar"><</div>
+        <div class="pageInner_contain">
+          <div class="nextChange" :class="isActiveNext ? 'isActiveNext' : ''" @click="nextPageCar">
+            <</div>
           <el-carousel indicator-position="outside" ref="carousel" height="30vw" :interval="4000">
             <el-carousel-item v-for="item in el_carousel_list" :key="item.id">
               <div class="four_logo_1 animate__animated">
@@ -321,24 +312,22 @@
         </div>
       </div>
     </div>
-    <div id="fivePage" class="page section" >
+    <div id="fivePage" class="page section">
       <div class="Title" style="color: white">
-        <div style="color: white" class="text animate__animated" >关于采美</div>
-        <div class="title animate__animated" >了解采美，合作共赢</div>
+        <div style="color: white" class="text animate__animated">关于采美</div>
+        <div class="title animate__animated">了解采美，合作共赢</div>
       </div>
       <div class="inner_contain">
         <div class="inner">
-          <div class="caimei_introduction animate__animated" >
-            采美网是一个生活美容和医疗美容行业B2B数字化营销和供应链服务平台，其核心资产包括采购 信息中心，媒体矩阵，数字运营以及线上交易和
-            供应链管理软件，建立了一个从信息引流到数字 运营到交易结算一体化平台，站外引流站内运营，采购转化的闭环生态，采美平台以创造客户价
-            值为核心，借助数字化营销的优  势，赋能美业供应链上下游企业，共同打造一站式美业双线融合的供应链新生态。
+          <div class="caimei_introduction animate__animated">
+            采美网是一个生活美容和医疗美容行业B2B数字化营销和供应链服务平台，其核心资产包括采购 信息中心，媒体矩阵，数字运营以及线上交易和 供应链管理软件，建立了一个从信息引流到数字 运营到交易结算一体化平台，站外引流站内运营，采购转化的闭环生态，采美平台以创造客户价 值为核心，借助数字化营销的优 势，赋能美业供应链上下游企业，共同打造一站式美业双线融合的供应链新生态。
           </div>
-          <div class="caimei_report" v-cloak >
+          <div class="caimei_report" v-cloak>
             <div class="report_item" v-for="item in report_list" :key="item.id">
-              <div class="report_logo animate__animated" >
-                <span class="animate__animated" >{{item.contant}}</span>
+              <div class="report_logo animate__animated">
+                <span class="animate__animated">{{item.contant}}</span>
               </div>
-              <div class="report_title animate__animated" >
+              <div class="report_title animate__animated">
                 {{item.title}}
               </div>
               <div class="report_line">
@@ -358,8 +347,8 @@
     </div>
     <div id="sixPage" class="page section" style="background: #fff">
       <div class="Title" style="background: #fff">
-        <div class="text animate__animated" >增长社区</div>
-        <div class="title animate__animated" >数十年资深美业运营经验，教你快速成长</div>
+        <div class="text animate__animated">增长社区</div>
+        <div class="title animate__animated">数十年资深美业运营经验，教你快速成长</div>
       </div>
       <div style="display:flex; justify-content: center;align-items: center;background: #fff;">
         <div class="community">
@@ -422,6 +411,7 @@
   </div>
 </div>
 
+
 <script charset="utf-8" type="text/javascript" src="/lib/jquery-3.6.0.min.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/jquery.slide-2.1.3.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/swiper.min.js"></script>