瀏覽代碼

美博会

xuwei 4 年之前
父節點
當前提交
27e1e9b781

二進制
src/main/resources/static/img/Beautyfair/coupon.h5.jpg


二進制
src/main/resources/static/img/Beautyfair/coupon.jpg


+ 1 - 1
src/main/resources/static/js/index.js

@@ -52,7 +52,7 @@ var homeData = new Vue({
 
         zhuanti:function(){
             this.showflag=false;
-            window.location.href='/user/beautyfair.html';
+            window.location.href='/product/beautytopic.html';
             window.localStorage.setItem('beatyPop',true);
         },
         closepopup:function(){

+ 1 - 1
src/main/resources/static/js/product/beautytopic.js

@@ -7,7 +7,7 @@ var beautytopic = new Vue({
          bannerH5:'/img/Beautyfair/banner-H5.jpg',
          Descriptors:[
              {descriptext:'光子嫩肤的黄金标准——美国高端技术品牌',shopId:1172},//科医人
-             {descriptext:'专注于细胞治疗的西班牙高端技术品牌',shopId:''},//INDIBA
+             {descriptext:'专注于细胞治疗的西班牙高端技术品牌',shopId:1161},//INDIBA
              {descriptext:'专注于进口医学美容仪器及产品',shopId:1258},//唯美概念
              {descriptext:'坚持原装进口先进光电设备',shopId:1193},//GMS
              {descriptext:'国货之光——专注医学美容术前术后修复',shopId:1285},//优斐斯

+ 10 - 6
src/main/resources/templates/user-center/Beautyfair.html

@@ -8,13 +8,14 @@
 </head>
 <style>
 @media screen and (min-width:768px) {
-
+.crumbs{position: relative;}
+.crumbs span{position: absolute;top: 240%;left: 50%;color: #fd3c5b;font-weight: bold;}
 }
 @media screen and (max-width:768px) {
     .container{width: 100%;height: 100%}
     .container img{width: 100%;height: 100%}
     #coupon{position: relative}
-    .crumbs{position: absolute;top: 5%;left: 45%;color: #fff;font-size: 3.4vw;}
+    .crumbs{position: absolute;top: 5%;left: 35%;color: #fd3c5b;font-size: 3.4vw;}
 }
 
 
@@ -24,11 +25,12 @@
 <template th:replace="components/header"></template>
 
 <!--优惠券-->
-    <div id="coupon">
+    <div id="coupon" v-cloak>
         <div class="crumbs">
-            <span>{{name}}</span>
+            <span v-if="userIdentity==4">优惠券仅限{{name}}(机构)使用</span>
+            <span v-else>优惠券仅限{{name}}使用</span>
         </div>
-        <div class="navLayout"  v-cloak>
+        <div class="navLayout"  >
             <div class="wrap clear">
                  <!--左侧导航-->
                 <template th:replace="user-center/components/tableft" ></template>
@@ -48,11 +50,13 @@
     var coupon = new Vue({
       el:'#coupon',
       data:{
-        name:''
+        name:'',
+        userIdentity:''
       },
       mounted:function () {
         if(globalUserData){
             this.name = globalUserData.userName;
+            this.userIdentity = globalUserData.userIdentity
         }
       }
     })