优化供应商落地页

src/main/resources/static/css/base/base.h5.css

@@ -9,7 +9,7 @@
 .pcOnly,.jqSelect .pc,.baseHeadCenter .headCart,.baseHeadCenter .hotKey,.baseTopNav_nav{display:none!important;}
 .baseHeadTop .wrap ul>li,.baseHeadTop .header_top_left{display:none;}
 .mIcon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;}
-.H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/base/H5-icon.png) no-repeat;background-size:100vw auto;}
+.H5-icon:before{content:'';display:inline-block;font-size:0;background:url(/img/supplier-login/H5.png) no-repeat;background-size:100vw auto;}
 .icon.shop,.icon.heart{vertical-align:middle;display:inline-block;height:5.5vw;line-height:5.5vw}
 .icon.shop:before{width:7.5vw;height:6vw;background-position:-91vw -.5vw}
 .icon.heart:before{width:5.5vw;height:5.5vw;background-position:0 -17vw}
@@ -56,16 +56,37 @@
 .baseHeadCenter .mUserIcon,
 .baseHeadCenter .mAddCart,
 .baseHeadCenter .mNotice,
+.baseHeadCenter .supplier_H5,
 .classifyBox .clsHead .close{padding:3.5vw 1.4vw;width:6.4vw;height:6.4vw}
-.baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
+.baseHeadCenter .mClassBtn:before,.baseHeadCenter .supplier_H5:before,.classifyBox .mClassBtn:before,.baseHeadCenter .mUserIcon:before,.baseHeadCenter .mAddCart:before{content:'';display:block;width:6.4vw;height:6.4vw}
 .baseHeadCenter .mClassBtn:before,.classifyBox .mClassBtn:before{background-position:0 0}
 .baseHeadCenter .mUserIcon:before{background-position:-8.6vw 0}
 .baseHeadCenter .mAddCart:before{background-position:-17vw 0}
+.baseHeadCenter .superVip:before{background-position:-32vw -93vw}
 .baseHeadCenter .mNotice:before{content:'';display:block;width:6.4vw;height:6.4vw;background-position:0 0}
 .baseHeadCenter .searchBox{position:absolute;top:13.4vw;left:0;width:100%;padding-top:1.8vw}
-.baseHeadCenter .search{width:93.4vw;height:9.6vw;margin:0 auto;border:1px solid #FFE6DC;border-radius:2px;position:relative}
-.baseHeadCenter .search .jqSelect{width:27vw;height:9.6vw;position:relative;font-size: 0;}
-.baseHeadCenter .search .jqSelect select{width:27vw;height:9.6vw;line-height:9.6vw;border:none;font-size:3.7vw;color:#4A4F58;padding:0 6vw 0 3vw}
+.baseHeadCenter .searchBox .supplierH5 {
+    float: right;
+    height: 9.6vw;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 1vw;
+}
+.baseHeadCenter .supplier_H5:before {
+    background-position: -49vw -93vw;
+}
+.baseHeadCenter .search {
+    width: 86.4vw;
+    height: 9.6vw;
+    border: 1px solid #FFE6DC;
+    border-radius: 2px;
+    position: relative;
+    float: left;
+    margin-left: 2vw;
+}
+.baseHeadCenter .search .jqSelect{width:20vw;height:9.6vw;position:relative;font-size: 0;}
+.baseHeadCenter .search .jqSelect select{width:20vw;height:9.6vw;line-height:9.6vw;border:none;font-size:3.7vw;color:#4A4F58;padding:0 6vw 0 3vw}
 .baseHeadCenter .search .jqSelect:before{right:4vw;line-height:9.6vw}
 .baseHeadCenter .search .jqSelect:after{content:'';position:absolute;right:0;top:3.4vw;width:.5vw;height:2.8vw;background:#BEC2C9}
 .baseHeadCenter .search .keyword{position:absolute;right:0;top:0;border:none;outline:none;width:66.4vw;height:8.6vw;line-height:8.6vw;font-size:3.7vw;color:#4A4F58;text-indent:2.6vw}

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

@@ -123,7 +123,10 @@ html {
     align-items: center;
     justify-items: center;
 }
-.slide_icon .slide_icon_item:nth-child(2) {
+.slide_icon .slide_icon_item div {
+    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
+    box-sizing: border-box;
+    height: 24px;
 }
 .slide_icon .slide_icon_item img {
     width: 5.4vw;
@@ -214,12 +217,15 @@ html {
     font-size: 2.8vw;
     color: #707070;
 }
+.van-action-sheet__item {
+    font-size: 3.4vw !important;
+}
 #zeroPage .server {
     width: 100%;
     height: 76vw;
 }
 .server .van-swipe {
-    height: 65vw;
+    height: 70vw;
     display: flex;
     align-items: center;
 }
@@ -228,7 +234,7 @@ html {
 }
 .server .van-swipe__track{
     display: flex;
-    height: 58vw;
+    height: 60vw;
 }
 .server .van-swipe-item {
     width: 55vw !important;
@@ -258,6 +264,10 @@ html {
     width: 21.6vw;
     height: 20vw;
 }
+#firstPage {
+    background: url(/img/supplier-login/H5/solution/bg.png) center no-repeat;
+    background-size: cover;
+}
 #firstPage .selection_item {
     width: 100%;
     height: 61.067vw;
@@ -270,7 +280,6 @@ html {
     width: 85.6vw;
     height: 100%;
     display: flex;
-    border: 1px solid;
     box-sizing: border-box;
 }
 .selection_item_contain .contain_bg_01,
@@ -285,7 +294,18 @@ html {
     font-size: 5.6vw;
     color: white;
     box-sizing: border-box;
-    border: 1px solid;
+}
+.selection_item_contain .contain_bg_01 {
+    background: url(/img/supplier-login/H5/solution/01.png) center no-repeat;
+    background-size: cover;
+}
+.selection_item_contain .contain_bg_02 {
+    background: url(/img/supplier-login/H5/solution/02.png);
+    background-size: cover;
+}
+.selection_item_contain .contain_bg_03 {
+    background: url(/img/supplier-login/H5/solution/03.png);
+    background-size: cover;
 }
 .selection_item_contain .title {
     margin: 0 !important;
@@ -404,7 +424,7 @@ html {
     bottom: 4vw;
     right: 10vw;
     width: 14.4vw;
-    height: 12.667vw;
+    height: 13.667vw;
 }
 .H5_contant .getMore {
     grid-column: span 2;

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

@@ -1,5 +1,5 @@
 html {
-    scroll-behavior: smooth;
+    /*scroll-behavior: smooth;*/
     scroll-padding-top: 7vh;
 }
 body{
@@ -340,6 +340,14 @@ body{
     scroll-snap-align: start;
     box-sizing: border-box;
     overflow: hidden;
+    position: relative;
+}
+.page #positionTab {
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    top: 50%;
+    transform: translateY(-50%);
 }
 #fullpage #zeroPage {
     height: auto;

src/main/resources/static/js/base.js

@@ -170,6 +170,7 @@ var globalHead = new Vue({
                     }else{
                         _self.noticeNum = data.count
                     }
+                    localStorage.setItem('noticeNum', _self.noticeNum)
                 }else{
                    console.log('获取供应商通知消息数量异常')
                 }

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

@@ -215,51 +215,62 @@ new Vue({
                 id: 1,
                 title: '信息平台',
                 contant: '集创作、发布、客户资源收集于一体的美业内容输出平台；',
+                url: '/img/supplier-login/H5/marketing/01.png'
             },{
                 id: 2,
-
                 title: '媒体矩阵',
                 contant: '丰富媒体资源，助力品牌快速传播；',
+                url: '/img/supplier-login/H5/marketing/02.png'
             },{
                 id: 3,
                 title: '正版图库',
                 contant: '永久商业授权的专业医美正版图库；',
+                url: '/img/supplier-login/H5/marketing/03.png'
             },{
                 id: 4,
                 title: 'SEO关键词',
                 contant: '立足企业全局，进行关键词策划布局；',
+                url: '/img/supplier-login/H5/marketing/04.png'
             },{
                 id: 5,
                 title: 'CRM系统',
                 contant: '客户全生命周期数字化管理系统；',
+                url: '/img/supplier-login/H5/marketing/05.png'
             },{
                 id: 6,
                 title: '认证通',
                 contant: '一款专业的正品认证SaaS软件系统；',
+                url: '/img/supplier-login/H5/marketing/06.png'
             },{
                 id: 7,
                 title: '美业社群',
                 contant: '更紧密的联动用户，提高客户转化率；',
+                url: '/img/supplier-login/H5/marketing/07.png'
             },{
                 id: 8,
                 title: '私域直播',
                 contant: 'B2B企业直播平台，一键开启直播引流；',
+                url: '/img/supplier-login/H5/marketing/08.png'
             },{
                 id: 9,
                 title: '分销体系',
                 contant: '快速解决多方分账难题；',
+                url: '/img/supplier-login/H5/marketing/09.png'
             },{
                 id: 10,
                 title: '会议营销',
                 contant: '以客户体验为导向，促进现场商机转化成交；',
+                url: '/img/supplier-login/H5/marketing/10.png'
             },{
                 id: 11,
                 title: '金融分期',
                 contant: '缓解客户现金流压力，促进大额交易；',
+                url: '/img/supplier-login/H5/marketing/11.png'
             },{
                 id: 12,
                 title: '交易商城',
                 contant: '一站式管理客户资源，支持1V1线上交易；',
+                url: '/img/supplier-login/H5/marketing/12.png'
             }
         ],
         // 截取的H5列表
@@ -267,10 +278,11 @@ new Vue({
         drawer: false, // 抽屉开关
         cShow: false, // 底部按钮
         userActions: [{ name: '我的采美', href: '/user/dashboard.html' }, { name: '机构资料', href: '/user/setting/information.html' }, { name: '退出登录', id: 3 }],  // 底部菜单
-        supplierActions: [{ name: '我的采美', href: '/supplier/dashboard.html' }, { name: '店铺管理', id: 2 }, { name: '退出登录', id: 3 }], // 底部菜单
+        supplierActions: [{ name: '我的采美', href: '/supplier/dashboard.html' }, { name: '店铺管理', id: 2 }, { name: `我的消息（${localStorage.getItem('noticeNum')}）`, href: '/supplier/message/list.html', id: 3 }, { name: '退出登录', id: 4 }], // 底部菜单
         H5dialogVisible: false,
         showIphone: false,
         showPopup: false, // 是否拨打电话
+        isScroll: false, // 是否滚动
     },
     created() {
         this.screenWidth = document.body.clientWidth
@@ -281,9 +293,10 @@ new Vue({
         }
     },
     mounted() {
-        // this.getPageSnap()
+        this.getPageSnap()
         this.goLinkActive()
         this.ScenarioListFilter(6)
+        this.backIntoView()
     },
     filters: {
         textSubString(val, index) {
@@ -309,9 +322,32 @@ new Vue({
         },
     },
     methods: {
+        getAuthShopCount:function (shopId) {
+            var _self = this;
+            PublicApi.getAuthShopCount({commonId: shopId},function(response){
+                if (response.code === 0 && response.data) {
+                    var data = response.data;
+                    if(data.count>99){
+                        _self.noticeNum = '99+'
+                    }else{
+                        _self.noticeNum = data.count
+                    }
+                }else{
+                    console.log('获取供应商通知消息数量异常')
+                }
+            });
+        },
+        backIntoView() {
+            if (location.search) {
+                const id = location.search
+                const to = document.getElementById(id.substring(1, id.length))
+                to.scrollIntoView()
+            }
+        },
         // 底部切换
         onSelect($event) {
-            if ($event.href) return window.open($event.href)
+            this.drawer = false
+            if ($event.href) return (window.location.href = $event.href)
             if ($event.id === 2) {
                 this.pageLinkSupplier()
             } else {
@@ -337,17 +373,20 @@ new Vue({
             const fullPage = this.$refs.fullPage
             if(fullPage) {
                 fullPage.addEventListener('mousewheel', (e) => this.scrollChange(e))
+                fullPage.addEventListener('DOMMouseScroll', (e) => this.scrollChange(e))
             }
         },
         goLinkActive() {
-            const sections = document.querySelectorAll('.section')
+            const sections = document.querySelectorAll('#positionTab')
             const nav_link_item = this.$refs.nav_link_item
             sections.forEach((item, index) => {
                 const observer = new IntersectionObserver((mutation) => {
                     const status = mutation[0].isIntersecting
-                    if (status) {
-                        this.activeLinkId = index
-                        nav_link_item.style.left = index * 6 +'vw'
+                    if (status && this.isScroll) {
+                        setTimeout(() => {
+                            this.activeLinkId = index
+                            nav_link_item.style.left = index * 6 +'vw'
+                        }, 500)
                     }
                 })
                 observer.observe(item)
@@ -355,47 +394,7 @@ new Vue({
         },
         // 滚动函数
         scrollChange(e) {
-            if (this.showContent) {
-                e = e || window.event
-                if (this.countNum) {
-                    this.countNum = false
-                    if (e.wheelDelta > 0) {
-                        this.activeLinkId--
-                    } else {
-                        this.activeLinkId++
-                    }
-                    this.trumpLink()
-                    setTimeout(() => {
-                        this.countNum = true
-                    }, 1000)
-                }
-            }
-        },
-        // 链接动画跳转
-        trumpLink() {
-            setTimeout(() => {
-                this.activeId = this.activeLinkId
-            }, 800)
-            const nav_link_item = this.$refs.nav_link_item
-            if (this.activeLinkId >= 0 && this.activeLinkId<=6) {
-                nav_link_item.style.left = this.activeLinkId  * 6 +'vw'
-            } else if(this.activeLinkId < 0) {
-                this.activeLinkId = 0
-                nav_link_item.style.left = '0'
-            } else if(this.activeLinkId > 6) {
-                this.activeLinkId = 7
-                nav_link_item.style.left = '36vw'
-            }
-        },
-        // 切换链接跳转
-        handlerNav(options) {
-            const nav_link_item = this.$refs.nav_link_item
-            this.activeLinkId = options.id
-            nav_link_item.style.left = options.id * 6 +'vw'
-            setTimeout(() => {
-                this.showContent = true
-            }, 100)
-            this.activeId = this.activeLinkId
+            this.isScroll = true
         },
         // 移入动画
         mouseTitle(e) {
@@ -515,6 +514,16 @@ new Vue({
         },
         H5link($event) {
             this.drawer = false
+            this.isScroll = false
+            if (this.isPC) {
+                const nav_link_item = this.$refs.nav_link_item
+                this.activeLinkId = $event.id
+                nav_link_item.style.left = $event.id * 6 +'vw'
+                setTimeout(() => {
+                    this.showContent = true
+                }, 100)
+                this.activeId = this.activeLinkId
+            }
             const to = document.getElementById($event.href.substr(1, $event.href.length))
             to.scrollIntoView({ behavior: "smooth" }) // 滚动到指定位置
             // this.scrollToDom(to, window)

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

@@ -266,7 +266,7 @@ new Vue({
         drawer: false, // 抽屉开关
         cShow: false, // 底部按钮
         userActions: [{ name: '我的采美', href: '/user/dashboard.html' }, { name: '机构资料', href: '/user/setting/information.html' }, { name: '退出登录', id: 3 }],  // 底部菜单
-        supplierActions: [{ name: '我的采美', href: '/supplier/dashboard.html' }, { name: '店铺管理', id: 2 }, { name: '退出登录', id: 3 }], // 底部菜单
+        supplierActions: [{ name: '我的采美', href: '/supplier/dashboard.html' }, { name: '店铺管理', id: 2 }, { name: `我的消息（${localStorage.getItem('noticeNum')}）`, href: '/supplier/message/list.html', id: 3 }, { name: '退出登录', id: 3 }], // 底部菜单
         H5dialogVisible: false,
         showIphone: false,
         showPopup: false, // 是否拨打电话
@@ -311,7 +311,8 @@ new Vue({
     methods: {
         // 底部切换
         onSelect($event) {
-            if ($event.href) return window.open($event.href)
+            this.drawer = false
+            if ($event.href) return (window.location.href = $event.href)
             if ($event.id === 2) {
                 this.pageLinkSupplier()
             } else {
@@ -520,10 +521,9 @@ new Vue({
             this.drawer = !this.drawer
         },
         H5link($event) {
-            this.drawer = false
-            const to = document.getElementById($event.href.substr(1, $event.href.length))
-            to.scrollIntoView({ behavior: "smooth" }) // 滚动到指定位置
+            // window.location.href = `/supplier-login/index.html?${$event.href}`
             // this.scrollToDom(to, window)
+            window.history.go(-1)
         },
         // 滚动函数
         scrollToDom(to, container) {

src/main/resources/templates/components/header.html

@@ -45,11 +45,13 @@
                     <div class="cShow" v-if="userIdentity == 4 || userIdentity == 2">
                         <a href="/user/dashboard.html" rel="nofollow">我的采美</a>
                         <a href="/user/setting/information.html" rel="nofollow">机构资料</a>
+                        <a @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0);">我的消息<span>（{{noticeNum}}）</span></a>
                         <a href="javascript:void(0);" @click="userLogOut()">退出登录</a>
                     </div>
                     <div class="cShow" v-if="userIdentity == 3">
                         <a href="/supplier/dashboard.html" rel="nofollow">我的采美</a>
                         <a href="javascript:void(0);" @click="pageLinkSupplier()">店铺管理</a>
+                        <a @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0);">我的消息<span>（{{noticeNum}}）</span></a>
                         <a href="javascript:void(0);" @click="userLogOut()">退出登录</a>
                     </div>
                 </li>
@@ -70,17 +72,20 @@
             </a>
             <div class="mf h5Only mUserCenter">
                 <template v-if="loginStatus">
-                    <a href="/shopping/cart.html" :class="loginStatus?'mAddCart mIcon':'mAddCart mIcon toLogin'" title="购物车" rel="nofollow"></a>
-                    <a v-if="userIdentity===3" @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>
-                    <a v-else @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>
+                    <a class="mUserIcon mIcon toLogin" href="/user/member.html" v-if="!isPC && userIdentity != 3" title="超级会员" rel="nofollow"></a>
+                    <a href="/shopping/cart.html" :class="loginStatus?'mAddCart mIcon':'mAddCart mIcon toLogin'" v-if="!isPC && userIdentity != 3" title="购物车" rel="nofollow"></a>
+<!--                    <a v-if="userIdentity===3" @click="goMsgLinkFn('/supplier/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>-->
+<!--                    <a v-else @click="goMsgLinkFn('/user/message/list.html')" href="javascript:void(0);" :class="loginStatus?'mNotice H5-icon':'mNotice H5-icon toLogin'" title="消息" rel="nofollow"></a>-->
                     <a @click="showGlobalMenu()" class="mUserIcon mIcon" href="javascript:void(0);" title="个人中心" rel="nofollow"></a>
                 </template>
                 <template v-else>
+                    <a class="mUserIcon mIcon superVip" :href="GLOBAL_USER_ID === 0 ? '/login.html' : '/user/member.html'" title="超级会员" rel="nofollow"></a>
+                    <a href="/login.html" :class="loginStatus?'mAddCart mIcon':'mAddCart mIcon toLogin'" title="购物车" rel="nofollow"></a>
                     <a class="mUserIcon mIcon toLogin" href="javascript:void(0);" title="个人中心" rel="nofollow"></a>
                 </template>
             </div>
             <div class="searchBox" id="topSearch">
-                <div class="search auto-input" id="autoInput">
+                <div class="search auto-input" id="autoInput" :style="{float: (userIdentity !== 3 && loginStatus) ? 'none' : '', margin: (userIdentity !== 3 && loginStatus) ? '0 auto' : '' }">
                     <div class="jqSelect">
                         <div class="pc">
                             <span data-select="0">产品</span>
@@ -95,6 +100,9 @@
                     <input class="keyword" type="text" placeholder="请输入搜索关键词" maxlength="30"/>
                     <a class="searchBtn icon mIcon" href="javascript:void(0);" onclick="_czc.push(['_trackEvent','顶部导航','搜索按钮','点击','','Um_Event_SearchButton'])"></a>
                 </div>
+                <div class="supplierH5" v-if="!isPC && (userIdentity !== 4 && userIdentity !== 2)">
+                    <a class="mIcon supplier_H5" href="/supplier-login/index.html" title="供应商服务" rel="nofollow"></a>
+                </div>
                 <!-- 热门搜索关键词 -->
                 <div class="hotKey">
                     <span th:each="word,wordStat: ${searchHotWord}">

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

@@ -30,7 +30,7 @@
                 <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" @click="H5link(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">
@@ -87,14 +87,16 @@
     </div>
     <div class="slide_icon" v-if="!isPC">
         <div class="slide_icon_item slide_icon_phone" @click="handlerDialog(true)">
-            <img src="" />
-            电话联系
+            <img src="/img/supplier-login/H5/phone.png" />
+            <div>电话联系</div>
         </div>
         <div class="slide_icon_item slide_icon_qrcode" @click="handlerDialog(false)">
-            <img src="" />
-            微信客服
+            <img src="/img/supplier-login/H5/qrcode.png" />
+            <div>微信客服</div>
+        </div>
+        <div class="slide_icon_item goTop" @click="H5link({href: '#zeroPage'})">
+            <img src="/img/supplier-login/H5/scrolltop.png" style="grid-row: 1 / span 2;">
         </div>
-        <div class="slide_icon_item goTop" @click="H5link({href: '#zeroPage'})">123</div>
     </div>
     <div id="fullpage" ref="fullPage" v-if="showContent">
         <div id="zeroPage" class="page section">
@@ -167,20 +169,20 @@
             <div class="init server" v-if="!isPC">
                 <van-swipe :loop="false" :width="swiperSideWidth">
                     <van-swipe-item style="margin-left: 7.2vw;">
-                        <img class="server_img"/>
+                        <img class="server_img" src="/img/supplier-login/H5/server/01.png"/>
                         <div class="title">全渠道获客</div>
                         <div class="text">精准投放推广内容触达B端客户</div>
                         <div class="text">精准识别全渠道匿名用户线索</div>
                     </van-swipe-item>
                     <van-swipe-item>
-                        <img class="server_img"/>
+                        <img class="server_img" src="/img/supplier-login/H5/server/02.png"/>
                         <div class="title">潜客运营</div>
                         <div class="text">潜客筛选</div>
                         <div class="text">精细化分层运营</div>
                         <div class="text">精准推送内容</div>
                     </van-swipe-item>
                     <van-swipe-item>
-                        <img class="server_img"/>
+                        <img class="server_img" src="/img/supplier-login/H5/server/03.png"/>
                         <div class="title">销售转化</div>
                         <div class="text">全链条商机管理，用户线索流程清晰，高效流转</div>
                         <div class="text">全场景交易平台，线上线下一体化把握每一条商机</div>
@@ -188,6 +190,7 @@
                     </van-swipe-item>
                 </van-swipe>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="firstPage" class="page section">
             <div class="Title">
@@ -207,10 +210,6 @@
                                     <div v-cloak>{{item}}</div>
                                 </div>
                             </div>
-                            <!--                            <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>
@@ -248,6 +247,7 @@
                     </div>
                 </div>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="secondPage" class="page section">
             <div class="Title">
@@ -309,6 +309,7 @@
                     <div class="opera_author"></div>
                 </div>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="thirdPage" class="page section">
             <div class="Title">
@@ -349,13 +350,14 @@
                     <div class="H5_contant_item" v-for="item in filterH5ScenarioList" :key="item.id">
                         <div class="title">{{item.title}}</div>
                         <div class="content">{{item.contant}}</div>
-                        <img />
+                        <img :src="item.url"/>
                     </div>
                     <div class="getMore" v-if="filterH5ScenarioList.length < 12" @click="ScenarioListFilter(12)">
                         展开查看更多
                     </div>
                 </div>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="fourPage" class="page section" style="background: #fff;">
             <div class="Title">
@@ -403,6 +405,7 @@
                     </van-swipe-item>
                 </van-swipe>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="fivePage" class="page section">
             <div class="Title" style="color: white">
@@ -437,6 +440,7 @@
                     </div>
                 </div>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div id="sixPage" class="page section" style="background: #fff">
             <div class="Title" style="background: #fff">
@@ -509,6 +513,7 @@
                     </div>
                 </div>
             </div>
+            <div v-if="isPC" id="positionTab"></div>
         </div>
         <div v-if="isPC" id="sevenPage" class="page" style="display: flex;
                     flex-direction: column;
@@ -565,7 +570,7 @@
 </div>
 
 
-<script charset="utf-8" type="text/javascript" src="/lib/vue2.6.12.min.js"></script>
+<!--<script charset="utf-8" type="text/javascript" src="/lib/vue2.6.12.min.js"></script>-->
 <script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
 <!--<script charset="utf-8" type="text/javascript" src="/lib/lazyload.js"></script>-->
 <script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>

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

@@ -30,7 +30,7 @@
         <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" @click="H5link(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">
@@ -67,491 +67,11 @@
       </div>
     </div>
   </div>
-  <div class="slide_icon" v-if="showContent && isPC">
-    <div class="slide_icon_item slide_icon_phone">
-      <img src="" />
-      电话联系
-      <div class="tooltip tooltip_1" :style="{bottom: activeLinkId!==0 ? '250px':'180px'}">
-        <div class="day">周一至周五 9:00~1800</div>
-        <div class="phone_number">153-3889-7365</div>
-      </div>
-    </div>
-    <div class="slide_icon_item slide_icon_qrcode">
-      <img src="" />
-      微信客服
-      <div class="tooltip tooltip_2" :style="{bottom: activeLinkId!==0 ? '50px':'0'}">
-        <img src="/img/common/qr_code_kefu.png" alt="采美客服">
-      </div>
-    </div>
-    <div class="slide_icon_item goTop" @click="H5link({href: '#zeroPage'})" v-if="activeLinkId!==0"></div>
-  </div>
-  <div class="slide_icon" v-if="!isPC && showContent">
-    <div class="slide_icon_item slide_icon_phone" @click="handlerDialog(true)">
-      <img src="" />
-      电话联系
-    </div>
-    <div class="slide_icon_item slide_icon_qrcode" @click="handlerDialog(false)">
-      <img src="" />
-      微信客服
-    </div>
-    <div class="slide_icon_item goTop" @click="H5link({href: '#zeroPage'})">123</div>
-  </div>
-  <div id="fullpage" ref="fullPage" v-if="showContent">
-    <div id="zeroPage" class="page section">
-      <el-carousel arrow="always" :interval="4000" v-if="isPC">
-        <el-carousel-item>
-          <div class="banner01">
-            <div class="left animate__animated" :class="activeId === 0 ? 'animate__backInLeft' : ''"></div>
-            <div class="right animate__animated" :class="activeId === 0 ? 'animate__backInRight' : ''"></div>
-          </div>
-        </el-carousel-item>
-        <el-carousel-item>
-          <div class="banner02"></div>
-        </el-carousel-item>
-      </el-carousel>
-      <van-swipe style="height: 51vw;" v-else>
-        <van-swipe-item>
-          <div class="H5-banner_1"></div>
-        </van-swipe-item>
-        <van-swipe-item>
-          <div class="H5-banner_2"></div>
-        </van-swipe-item>
-      </van-swipe>
-      <div class="Title">
-        <div class="text animate__animated">全生命周期陪跑服务</div>
-        <div class="title animate__animated">采美，更专业的美业数字化营销服务</div>
-      </div>
-      <div class="server" v-if="isPC">
-        <div class="server_1 animate__animated">
-          <div class="box tourist_bg">
-            <div class="tourist_bg_logo"></div>
-            <div class="tourist_bg_title">全渠道获客</div>
-          </div>
-          <div class="box tourist">
-            <div class="tourist_logo"></div>
-            <div class="tourist_title">全渠道获客</div>
-            <div class="tourist_li">|</div>
-            <div class="all_cont">· 精准投放推广内容触达B端客户 ·</div>
-            <div class="all_cont">· 精准识别全渠道匿名用户线索 ·</div>
-          </div>
-        </div>
-        <div class="server_2 animate__animated">
-          <div class="box operate_bg">
-            <div class="operate_bg_logo"></div>
-            <div class="operate_bg_title">潜客运营</div>
-          </div>
-          <div class="box operate">
-            <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>
-        </div>
-        <div class="server_3 animate__animated">
-          <div class="box sale_bg">
-            <div class="sale_bg_logo"></div>
-            <div class="sale_bg_title">销售转化</div>
-          </div>
-          <div class="box sale">
-            <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>
-        </div>
-      </div>
-      <div class="init server" v-if="!isPC">
-        <van-swipe :loop="false" :width="swiperSideWidth">
-          <van-swipe-item style="margin-left: 7.2vw;">
-            <img class="server_img"/>
-            <div class="title">全渠道获客</div>
-            <div class="text">精准投放推广内容触达B端客户</div>
-            <div class="text">精准识别全渠道匿名用户线索</div>
-          </van-swipe-item>
-          <van-swipe-item>
-            <img class="server_img"/>
-            <div class="title">潜客运营</div>
-            <div class="text">潜客筛选</div>
-            <div class="text">精细化分层运营</div>
-            <div class="text">精准推送内容</div>
-          </van-swipe-item>
-          <van-swipe-item>
-            <img class="server_img"/>
-            <div class="title">销售转化</div>
-            <div class="text">全链条商机管理，用户线索流程清晰，高效流转</div>
-            <div class="text">全场景交易平台，线上线下一体化把握每一条商机</div>
-            <div class="text">全方位售后服务，延长客户生命周期、提高复购率</div>
-          </van-swipe-item>
-        </van-swipe>
-      </div>
-    </div>
-    <div id="firstPage" class="page section">
-      <div class="Title">
-        <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_item_contain">
-            <div class="contain_bg_01 ">
-              <span class="title">基础版</span>
-            </div>
-            <div class="bg1_text">
-              <div class="text_contain">
-                <div class="bg1_contain" v-for="(item, id) in foundationList" :key="id">
-                  <div class="square_icon"></div>
-                  <div v-cloak>{{item}}</div>
-                </div>
-              </div>
-              <!--                            <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_contain">
-            <div class="contain_bg_02">
-              <span class="title" style="margin-left: -36px;">高级版</span>
-            </div>
-            <div class="bg1_text">
-              <div class="text_contain">
-                <div class="bg1_contain" v-for="(item, id) in customizationList" :key="id">
-                  <div class="square_icon"></div>
-                  <div v-cloak>{{item}}</div>
-                </div>
-              </div>
-              <div class="select_btn" @click="selectionQus">查看解决方案</div>
-            </div>
-          </div>
-        </div>
-        <div class="selection_item animate__animated">
-          <div class="selection_item_contain">
-            <div class="contain_bg_03">
-              <span class="title" style="margin-left: -36px;">战略版</span>
-            </div>
-            <div class="bg1_text">
-              <div class="text_contain">
-                <div class="bg1_contain" v-for="(item, id) in caseList" :key="id">
-                  <div class="square_icon"></div>
-                  <div v-cloak>{{item}}</div>
-                </div>
-              </div>
-              <div class="select_btn" @click="selectionQus">查看解决方案</div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div id="secondPage" class="page section">
-      <div class="Title">
-        <div class="text animate__animated">基础运营产品</div>
-        <div class="title animate__animated">使企业走向数字化的基石</div>
-      </div>
-      <div class="operationa" v-if="isPC">
-        <div class="operationa_contain">
-          <div class="bg1 animate__animated" v-show="isStore"></div>
-          <div class="bg2 animate__animated" v-show="isStore"></div>
-          <div class="bg3" v-show="isAthor"></div>
-          <div class="bg4" v-show="isAthor"></div>
-          <div class="online_store" v-show="isStore">
-            <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>
-          <div class="author" @click="changeModeAuthor" v-show="isStore">
-            <div class="author_title">正品认证通</div>
-            <div class="author_logo"></div>
-          </div>
-          <div class="author_active" v-show="isAthor">
-            <div class="online_logo animate__animated"></div>
-            <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_list" v-cloak>
-              <div class="list_item" v-for="item in contain_list" :key="item.id">
-                <div></div>
-                <div style="font-weight: bold;font-size: 20px;">{{item.title}}</div>
-                <div style="font-size: 16px;text-align: center;color: #666666; height: 15px;">{{item.content}}</div>
-              </div>
-            </div>
-          </div>
-          <div class="athor_contain" v-show="isAthor">
-            <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>
-                <div class="text_contain">
-                  <div class="text_contain_item">{{item.title}}</div>
-                  <div class="text_contain_item2"></div>
-                  <div class="text_contain_item3">{{item.content}}</div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="operationa" v-else>
-        <div class="H5_opera">
-          <div class="author"></div>
-          <div class="online_store"></div>
-          <div class="opera_online"></div>
-          <div class="opera_author"></div>
-        </div>
-      </div>
-    </div>
-    <div id="thirdPage" class="page section">
-      <div class="Title">
-        <div class="text animate__animated">场景营销工具</div>
-        <div class="title animate__animated">多样化工具，全方位助力您的企业目标</div>
-      </div>
-      <div class="pageInner" v-if="isPC">
-        <div class="container" v-cloak>
-          <div class="thirdPage_container_contant">
-            <div class="container_title" ref="container_title_1">引流获客</div>
-            <div class="container_title" ref="container_title_2">潜客运营</div>
-            <div class="container_title" ref="container_title_3">销售转化</div>
-          </div>
-          <div class="container_item" v-for="(item, index) in ScenarioList" :key="index" @mouseleave="opacityTitle">
-            <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_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="item_title">{{i.title}}</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>
-          </div>
-        </div>
-      </div>
-      <div v-else class="H5_pageInner">
-        <div class="H5_contant">
-          <div class="H5_contant_item" v-for="item in filterH5ScenarioList" :key="item.id">
-            <div class="title">{{item.title}}</div>
-            <div class="content">{{item.contant}}</div>
-            <img />
-          </div>
-          <div class="getMore" v-if="filterH5ScenarioList.length < 12" @click="ScenarioListFilter(12)">
-            展开查看更多
-          </div>
-        </div>
-      </div>
-    </div>
-    <div id="fourPage" class="page section" style="background: #fff;">
-      <div class="Title">
-        <div class="text animate__animated">成功案例</div>
-        <div class="title animate__animated" v-if="isPC">
-          了解已合作品牌的真实推广案例，借鉴成功经验，助力有效推广，实现商业目标
-        </div>
-        <div class="title animate__animated" v-else>
-          了解已合作品牌的真实推广案例，借鉴成功经验助力<br />有效推广，实现商业目标
-        </div>
-      </div>
-      <div style="display: flex;justify-content: center;align-items: center;margin-top: 10vh;" v-if="isPC">
-        <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">
-                <el-image fit="cover" :src="item.bg" style="width: 100%; height: 100%;"></el-image>
-              </div>
-              <div class="logo_text animate__animated">
-                <div class="logo_title">{{item.title}}</div>
-                <div class="analysis" v-html="item.content"></div>
-              </div>
-            </el-carousel-item>
-          </el-carousel>
-          <div class="nextChange" :class="isActiveNext ? '' : 'isActiveNext'" @click="prePageCar">></div>
-        </div>
-      </div>
-      <div class="H5_success" v-else>
-        <van-swipe :loop="false" :width="successSideWidth">
-          <van-swipe-item>
-            <div class="innerSuccess">
-              <div class="title">私域流量运营难</div>
-              <div class="content">来自西班牙的明星品牌，在进入中国市场后行了大量的运营资源投放，却依旧无法精准触达用户、回收市场数据。采美采用B2B2C私域运营模式对该品牌及竞品进行全面分析，对比两者之间的优势和劣势，为需要宣传的品牌进行关键词组布局，在采美商城优先进行品牌曝光度。并通过认证通、采美社群等工具，向B端客户推送相关活动，刺激B端客户向C端客户进一步传播品牌形象和实力，从而吸引更多的B端客户来访；采美CRM系统对来访客户做用户行为轨迹跟踪，完善用户画像，帮助品牌精准获取客户资料，筛选出优质客户。既提高该品牌的知名度，又保证了用户数据的精准度。</div>
-              <img class="success_img" src="/img/supplier-login/H5/success_1.jpg" />
-            </div>
-          </van-swipe-item>
-          <van-swipe-item>
-            <div class="innerSuccess" style="margin-left: 3vw;">
-              <div class="title">营销获客难</div>
-              <div class="content">连续七年专注敏感肌肤的皮肤管理品牌,在法国荣获全球护肤品创新品牌大奖，品牌实力不容小觑，但由于对B端机构宣传不足,在营销获客上十分艰难。 采美团队通过前期市场调研分析后提炼了B端关键词并进行布局，将品牌专利技术的相关内容在采美媒体矩阵同步分发，最终形成全渠道、全链路整合内容营销；将旗下产品搭配导入仪器做联合活动，双向锁定潜在客户，客户询盘量显著增长，解决了单一产品销售难的问题。</div>
-              <img class="success_img" src="/img/supplier-login/H5/success_2.jpg" />
-            </div>
-          </van-swipe-item>
-        </van-swipe>
-      </div>
-    </div>
-    <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>
-      <div class="inner_contain">
-        <div class="inner">
-          <div class="caimei_introduction animate__animated">
-            采美网是一个生活美容和医疗美容行业B2B数字化营销和供应链服务平台，其核心资产包括采购 信息中心，媒体矩阵，数字运营以及线上交易和 供应链管理软件，建立了一个从信息引流到数字 运营到交易结算一体化平台，站外引流站内运营，采购转化的闭环生态，采美平台以创造客户价 值为核心，借助数字化营销的优 势，赋能美业供应链上下游企业，共同打造一站式美业双线融合的供应链新生态。
-          </div>
-          <div class="caimei_report" v-cloak>
-            <div class="report_item" v-for="item in report_list" :key="item.id">
-              <img class="report_item_img" v-if="!isPC" src="/img/supplier-login/07-caimei/cirle.png"/>
-              <div class="report_logo animate__animated">
-                <span class="animate__animated">{{item.contant}}</span>
-              </div>
-              <div class="report_title animate__animated">
-                {{item.title}}
-              </div>
-              <div class="report_line">
-                <div class="box1 card4"></div>
-                <div class="container">
-                  <div class="box">
-                    <span style="--i:1"></span>
-                    <span style="--i:2"></span>
-                    <span style="--i:3"></span>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </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>
-      <div class="contant_init">
-        <div class="community">
-          <div class="community_video">
-            <div class="community_title">美业企谈</div>
-            <div class="community_list" v-cloak v-if="isPC">
-              <div class="video_list_item" :style="{marginLeft: item.id!==1 ? '1%' : '0'}" v-for="item in community_video_list" :key="item.id" @click="playerOn(item.video)">
-                <div class="video_list_item_content">
-                  <div class="player_bg">
-                    <el-image style="width: 50px; height: 50px" src="/img/supplier-login/player.png" fit="contain"></el-image>
-                  </div>
-                  <div class="video_player">
-                    <el-image :src="item.bg" fit="contain"></el-image>
-                  </div>
-                  <div class="video_title">{{item.title | textSubString(45)}}</div>
-                </div>
-              </div>
-            </div>
-            <div v-else class="cm_taking">
-              <van-swipe class="my-swipe" :width="communitySideWidth" :show-indicators="false" :loop="false" indicator-color="#FF5B00">
-                <van-swipe-item v-for="item in community_video_list" :key="item.id">
-                  <div class="video_item">
-                    <div class="player_bg" @click="playerOn(item.video)">
-                      <el-image style="width: 6vw; height: 6vw" src="/img/supplier-login/player.png" fit="contain"></el-image>
-                    </div>
-                    <div class="video_img">
-                      <img style="width: 100%;height: 100%" :src="item.bg"/>
-                    </div>
-                    <div class="video_title">{{item.title | textSubString(17)}}</div>
-                  </div>
-                </van-swipe-item>
-              </van-swipe>
-            </div>
-          </div>
-          <div class="community_article">
-            <div class="community_title">干货知识</div>
-            <div class="community_list" v-if="isPC" 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>
-              </div>
-            </div>
-            <div v-else class="cm_taking">
-              <van-swipe class="my-swipe" :width="communitySideWidth" :loop="false" indicator-color="#FF5B00">
-                <van-swipe-item v-for="item in community_article_list" :key="item.id" @click="textInfo(item.id)">
-                  <div class="video_item">
-                    <div class="video_img">
-                      <img style="width: 100%;height: 100%;object-fit: cover" :src="item.bg"/>
-                    </div>
-                    <div class="article_contant">
-                      <div class="article_tit">{{item.title}}</div>
-                      <div class="article_text">{{item.content}}</div>
-                    </div>
-                  </div>
-                </van-swipe-item>
-              </van-swipe>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="isPC" id="sevenPage" class="page" style="display: flex;
-                    flex-direction: column;
-                    align-items: end;
-                    justify-content: end;background: #fff;height: auto;">
-      <!-- 底部区域 end -->
-      <template th:replace="components/footer" ></template>
-      <template th:replace="components/foot-link"></template>
-    </div>
-    <div v-if="!isPC" id="sevenPage">
-      <!-- 底部区域 end -->
-      <template th:replace="components/footer" ></template>
-      <template th:replace="components/foot-link"></template>
-    </div>
-    <div class="cm_video_player" @click="playerOff" ref="Myplayer">
-      <video controls ref="cm_player" width="60%">
-        <source type="video/mp4">
-        您的浏览器不支持Video标签。
-      </video>
-    </div>
-    <!--  微信电话弹窗  -->
-    <van-popup id="H5dialogVisible" round v-model="H5dialogVisible">
-      <div class="showIphone" v-if="showIphone">
-        <div class="showIphone_time">周一至周五 9:00~1800</div>
-        <div class="showIphone_phone" @click="callPhone">153-3889-7365</div>
-      </div>
-      <img style="width: 48vw; height: 48vw;" src="/img/common/qr_code_kefu.png" alt="采美客服" v-else/>
-    </van-popup>
-    <van-popup v-model="showPopup" round>
-      <div id="H5showPopup">
-        <div>确定拨打<span style="color: #FF5B00;font-weight: bold;">153-3889-7365 </span>吗？</div>
-        <div style="display: flex;justify-content: space-between;">
-          <el-button class="btn_popup" @click="cancel">取消</el-button>
-          <el-button class="btn_popup" type="primary" @click="confirm">确定</el-button>
-        </div>
-      </div>
-    </van-popup>
-  </div>
   <div class="text_info" v-if="!showContent" style="background: #fff;">
     <div class="text_info_contain" v-html="JSON.parse(localStorage.getItem('text_info_from')).text"></div>
     <!-- 底部区域 end -->
-<!--    <template th:replace="components/footer" v-if="isPC"></template>-->
-<!--    <template th:replace="components/foot-link" v-if="isPC"></template>-->
+    <template th:replace="components/footer" v-if="isPC"></template>
+    <template th:replace="components/foot-link" v-if="isPC"></template>
   </div>
   <!--  抽屉  -->
   <el-drawer