Parcourir la source

服务商主页优惠劵优化

liting2017 il y a 6 ans
Parent
commit
4feb146e6e
2 fichiers modifiés avec 23 ajouts et 6 suppressions
  1. 18 4
      src/css/facilitator/facilitator.css
  2. 5 2
      src/js/facilitator/facilitator.js

+ 18 - 4
src/css/facilitator/facilitator.css

@@ -191,14 +191,14 @@ margin: 0 auto;line-height: 74px;display: none;}
 }
 .listJ li .listTxt a{
     text-decoration: none;
-    width: 70px;
-    height: 22px;
-    line-height: 20px;
+    width: 86px;
+    height: 34px;
+    line-height: 34px;
     text-align: center;
     background: #fff;
     color: #1697e9;
     display: inline-block;
-    margin-top: 4px;
+    margin-top: 10px;
 }
 .listJ li .listTxt a:hover{
     background: rgb(21, 231, 115);
@@ -220,6 +220,20 @@ margin: 0 auto;line-height: 74px;display: none;}
     height: 200px;
 }
 
+.listJ .ypTxt {
+   padding:20px 70px; 
+
+}
+.listJ .ypTxt p{
+    font-size: 18px;
+    color: #fff;
+    margin: 6px 0;
+    height: 18px;
+    line-height: 18px;
+}
+
+
+
 
 
 

+ 5 - 2
src/js/facilitator/facilitator.js

@@ -100,12 +100,15 @@ $(function(){
                          <div>
                              <p><span>¥</span>${item.money}</p>
                              <div class="listTxt">
-                                 <span>${item.name}</span><br />
                                 ${!item.isGet?'<a href="javascript:;">立即领劵</a>':'<span class="get">已领取</span>'} 
                                  <input type='hidden' value="${item.id}">
                              </div>
                          </div>
-                         <p>剩余期限:${item.durationDay} 天</p>
+                         <div class="ypTxt">
+                            <p>限定:${item.name}</p>
+                            <p>剩余期限:${item.durationDay} 天</p>
+                         </div>
+                         
                      </li>
                      `
                  })