首页增加注册认证提醒

src/main/resources/static/css/index/index_new.h5.css

@@ -127,4 +127,18 @@
 .section_right .section_right_item.ross img{width: 100%;height: 61.6vw;display: block;border-radius: 2vw;object-fit:cover;}
 .el-carousel__button{ width: 10px !important; }
 .el-carousel--horizontal{border-radius: 2vw;}
- footer {display: none;}
+
+ .cm-regist-popup{ width: 100%;height: 52px;display: flex;align-items: center;justify-content: space-between;background: rgba(0,0,0,0.8);position:fixed;bottom: 0;z-index: 999;box-sizing: border-box;padding: 10px 15px; }
+ .cm-regist-popup.none{ display: none; }
+ .cm-regist-popup .cm-rigist-img{display: flex;align-items: center;}
+ .cm-regist-popup .cm-rigist-img img{width: 39px;height: 32px;}
+ .cm-regist-popup .cm-rigist-img p{color: #FFFFFF;padding-left: 10px;}
+ .cm-regist-popup .cm-rigist-btn{ display: flex;align-items: center; }
+ .cm-regist-popup .cm-rigist-btn a{ background-color: #FF5B00;line-height: 32px; padding: 0 15px;height: 32px;border-radius: 3px;display: flex;align-items: center;justify-content: center;color: #FFFFFF;margin-right: 15px; }
+ .cm-regist-popup .cm-rigist-btn .cm-rigist-close{ width: 32px;height: 32px;align-items: center;box-sizing: border-box;}
+ .cm-regist-popup .cm-rigist-btn .icon-close{width: 32px;height: 32px;display: block;background: url("/img/base/icon.png")-195px -548px no-repeat;cursor: pointer;}
+
+ footer {display: none;
+
+
+ }

src/main/resources/static/css/index/index_new.pc.css

@@ -207,7 +207,7 @@ footer{width:100%;height:auto;float:left}
 #sideNav .item>a:before{content:'';position:absolute;width:70px;left:9px;top:0;border-top:1px solid #FEF6F3}
 #sideNav .item>a:first-child:before{display:none}
 #sideNav .item>a.on{background:#FEF6F3;color:#FF5B00}
-
+.cm-regist-popup{ display: none; }
 /* 中屏导航与广告显示 */
 @media screen and (max-width:1420px){
     #sideNav,#scrollTop{right:10px;margin-right:0;opacity:.9;}

src/main/resources/static/js/index.js

@@ -15,12 +15,16 @@ var homeData = new Vue({
         hotListPageFloor:[],// 新皮橱窗
         homePageFloor:[],//楼层
         quickoperaList: [], // 快捷运营入口列表
-        dropScreenShow:false
+        dropScreenShow:false,
+        isCmPopup:false
     },
     filters: {
 
     },
     methods: {
+        handleHidePopup(){
+            this.isCmPopup = false
+        },
         showDropScreen(){
             this.dropScreenShow = !this.dropScreenShow
         },
@@ -67,7 +71,7 @@ var homeData = new Vue({
             return false;
         },
         popupPage:function(){  // 弹窗点击跳转链接
-            var _self = this;
+            const _self = this;
             this.popupFlag=false;
             window.location.href='/user/coupon-collection.html';
             localStorage.setItem('lockTime',Date.now());
@@ -80,7 +84,7 @@ var homeData = new Vue({
               localStorage.setItem('isActivityStatus',true);
         },
         diffTime:function(time){
-            var date = Date.now();
+            const date = Date.now();
             console.log('缓存时间戳',time);
             console.log('当前时间戳',date);
             console.log('计算时间戳',(date-time));
@@ -121,7 +125,7 @@ var homeData = new Vue({
             },300);
         },
         GetHomeInit: function(){// 初始化
-            var _self = this;
+            const _self = this;
             PublicApi.GetHomeInit({ source: 1 },function(response){
                 if(response.code === 0){
                     _self.couponEntry = response.data.couponEntry
@@ -131,6 +135,7 @@ var homeData = new Vue({
                     }else{
                         _self.newsList = response.data.annlist.slice(0,1)
                     }
+                    _self.isCmPopup = GLOBAL_USER_ID <= 0
                     if(GLOBAL_USER_ID === 0 && _self.couponEntry === 1){
                         var isActivityStatus =  localStorage.getItem('isActivityStatus');
                         //新加优惠券弹窗
@@ -147,7 +152,7 @@ var homeData = new Vue({
             });
         },
         hanldDetails:function (id){// 跳转公告详情
-            var  _self = this;
+            const _self = this;
             window.open('/news/details.html?id='+id);
         },
         // GetHomeRightData: function(){//模块加载

src/main/resources/templates/index.html

@@ -665,6 +665,19 @@
             </div>
         </div>
     </div>
+    <!--底部注册看价格提醒-->
+    <div class="cm-regist-popup" :class="isCmPopup ? 'show' : 'none'">
+        <div class="cm-rigist-img">
+            <img src="/img/base/icon-zhuce@2x.png" alt="注册看价格">
+            <p>注册认证看价格</p>
+        </div>
+        <div class="cm-rigist-btn">
+            <a href="/club/register.html">立即注册</a>
+            <div class="cm-rigist-close" @click="handleHidePopup">
+                <i class="icon-close"></i>"
+            </div>
+        </div>
+    </div>
     </div>
     <!-- 引入底部 -->
     <template th:replace="components/footer"></template>