PC大会员购买页表格修改

src/web/staticres/big-member/css/pc_buy_commit.css

@@ -445,7 +445,7 @@ input[type="radio"] {
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
 }
-#jy-table .seconpadding.buy-box .buy-title{
+#jy-table .seconpadding .buy-title{
   color: #F6DCAE;
 }
 #jy-table .seconpadding .buy-money--old{

src/web/templates/big-member/pc/page_buy_commit.html

@@ -122,6 +122,7 @@
       justify-content: center;
       align-items: center;
       width: 150px;
+      border-bottom: 1px solid #e0e0e0!important;
     }
     .ent_his_ul .ent_his_list .pro_content .pro_con_item {
       display: flex;
@@ -161,6 +162,20 @@
       background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAABAUlEQVRIia3WOw7CMAyA4Z+oO1NPweMCBSR6cJB4rB14XKKdegOGpFIV5eEUZ4wjf1IcR151XQdwBF7AiO5aA3vgboADcAOeQK2I1MDD5W4M8Aa+wAa4KmE1cAG2LvfHYK+rVcR85AyMxgV7JSyEDABmdqh3gaVYFPEhXGAJlkRC0BKsdmeiSAwqwSZkk0JSkAQTIzkohRUhAFUGmmNT4qvbFyNSKIRRgkD+6tSWFPJrUtzUEihU+OKmzkGx11X8g6Sg3BMuwmKQtE/EWAgqbUYR5kM+0mYQMTaHQkgvQETYBP2LZDGDHYk0kBS2NsBOEYlh2wo7e53QHyAHoMEOkM8fK0SJHBAwOxoAAAAASUVORK5CYII=) no-repeat;
       background-size: contain;
     }
+    .sticky-header{
+      position: fixed;
+      top: 64px;
+    }
+    .page--big--index .jy-table tbody tr:nth-of-type(even) {
+      background: none;
+    }
+    .ent_his_ul .ent_his_list .pro_content .pro_con_item:nth-of-type(even) {
+      background: #F5F5FB;
+    }
+    .page--big--index .jy-table th, .page--big--index .jy-table td{
+      border: none;
+      border-right: 1px solid #e0e0e0;
+    }
     /* -E- 表格样式 -E- */
   </style>
   <!--E-手机号输入样式-->
@@ -343,30 +358,30 @@
             <div data-sticky-change class="sticky-header" style="display: none">
               <div style="display: flex;background: #F5F5FB;">
                 <div class="hl-text">
-                  <div class="di-box">
+                  <div class="diy-box">
                     <span>服务项目</span>
                     <span class="sm">（自定义套餐请联系 400-108-6670）</span>
                   </div>
                 </div>
                 <div class="hl-text">服务项目说明</div>
-                <div class="no-padding">
+                <div class="no-padding firstpadding">
                   <div class="buy-box">
                     <span class="buy-title">商机版2.0</span>
-                    <span class="buy-money--old">7999元/年</span>
-                    <div style="color: #fff;"><span class="buy-money--now">5999</span>元/年</div>
+                    <span class="buy-money--old">9999元/年</span>
+                    <div style="color: #fff;"><span class="buy-money--now">7999</span>元/年</div>
                   </div>
                 </div>
-                <div class="no-padding">
+                <div class="no-padding seconpadding">
                   <div class="buy-box">
                     <span class="buy-title">专家版2.0</span>
-                    <span class="buy-money--old">27999元/年</span>
+                    <span class="buy-money--old">25999元/年</span>
                     <div style="color: #F6DCAE;"><span class="buy-money--now">21999</span>元/年</div>
                   </div>
                 </div>
               </div>
             </div>
             <!--E-吸附顶部版-->
-            <div data-sticky>
+            <div data-sticky class="table-header">
               <div style="display: flex;background: #F5F5FB;border: 1px solid #ECECEC;">
                 <div class="hl-text">
                   <div class="diy-box">
@@ -378,14 +393,14 @@
                 <div class="no-padding firstpadding">
                   <div class="buy-box">
                     <span class="buy-title">商机版2.0</span>
-                    <span class="buy-money--old">7999元/年</span>
-                    <div style="color: #fff;"><span class="buy-money--now">5999</span>元/年</div>
+                    <span class="buy-money--old">9999元/年</span>
+                    <div style="color: #fff;"><span class="buy-money--now">7999</span>元/年</div>
                   </div>
                 </div>
                 <div class="no-padding seconpadding">
                   <div class="buy-box">
                     <span class="buy-title">专家版2.0</span>
-                    <span class="buy-money--old">27999元/年</span>
+                    <span class="buy-money--old">25999元/年</span>
                     <div style="color: #F6DCAE;"><span class="buy-money--now">21999</span>元/年</div>
                   </div>
                 </div>
@@ -501,7 +516,7 @@
                     <div class="pro_con_item" v-for="(datas, i) in item.timeData" :key="i">
                       <div class="ent_his_time">@@datas.two@@</div>
                       <div>
-                        <div style="display: flex;" v-for="(sum, ii) in datas.three" :key="ii">
+                        <div style="display: flex;min-height: 51px;" v-for="(sum, ii) in datas.three" :key="ii">
                           <div class="exe_list three">@@sum.threein@@</div>
                           <div class="exe_list four">
                             <span class="j-icon" v-if="sum.four=='icon-tick' || sum.four=='icon-close'" :class="{iconTick:sum.four=='icon-tick', iconClose:sum.four=='icon-close'}"></span>
@@ -702,6 +717,18 @@
     //   } catch (e) {}
     // });
 
+    $(window).scroll(function() {
+      //为了保证兼容性，这里取两个值，哪个有值取哪一个
+      //scrollTop就是触发滚轮事件时滚轮的高度
+      var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+      console.log("滚动距离" + scrollTop);
+      if(scrollTop > 1362) {
+        $('.sticky-header').show()
+      } else {
+        $('.sticky-header').hide()
+      }
+    })
+
     $("#public-nav").css('background-color', '#fff')
     $(function () {
       var source = getParam("source");