细节调整

assets/styles/base.scss

@@ -138,25 +138,25 @@ input[disabled] {
   font-size: 12px;
   color: #999;
   text-align: center;
-  margin-bottom: 20px;
+  margin-top: 20px !important;
+  margin-bottom: 40px !important;
 }
 
 .mint-second-menu{
-  width: 30%;
+  width: 160px;
   background: #fff;
   position: fixed;
   top: 1.87733rem;
-  z-index: 1000;
+  z-index: 99999;
   right: 0;
-  height: 245px;
+  height: auto;
   box-shadow: 3px 7px 13px rgba(0,0,0,0.16);
 }
 .mint-second-menu li{
   text-align: center;
   color: #666;
   font-size: 14px;
-  height: 35px;
-  line-height: 35px;
+  padding: 13px 0;
   border-bottom: 1px solid #DFDFDF;
 }
 .mint-second-menu li:last-child{
@@ -221,6 +221,6 @@ img {
   z-index: 999;
 }
 .bt-line{
-  border-bottom: 1px solid #dfdfdf;
-  padding-bottom: 17px;
+  //border-bottom: 1px solid #dfdfdf;
+  padding-bottom: 15px;
 }

components/detailFooterBtn.vue

@@ -22,7 +22,7 @@
     width: 100%;
     bottom: 0;
     z-index: 9999;
-    padding: 19px;
+    padding: 14px;
     color: #fff;
     text-align: center;
     font-size: 16px;

components/footer.vue

@@ -87,7 +87,7 @@
 <style lang="scss" scoped>
   @import "../assets/styles/mixin";
   .more-way {
-    padding: 10px;
+    padding: 15px 10px 10px 10px ;
   }
   .more-way-title{
     padding-top: 20px;

pages/activity.vue

@@ -17,7 +17,7 @@
       v-if="dataDetail.length"
       id="scroll-area"
       type="1"
-      style="padding-top: 0;"
+      style="padding-top: 5px;"
       class="main-padding">
       <li
         v-for="item in dataDetail"
@@ -30,8 +30,13 @@
             :alt = "item.title"
             style="border-radius: 3px 3px 0 0;">
           <div class="activity-item-d">
-            <div class="ellipsis2 activity-item-title">{{ item.title }}</div>
-            <div class="activity-time">{{ item.startTime | formatDate('yyyy-MM-dd hh:mm') }}</div>
+            <div
+              class="flex-aic-jcb"
+              style="margin-bottom: 10px;">
+              <div class="ellipsis activity-item-title">{{ item.title }}</div>
+              <div class="activity-time">{{ item.startTime | formatDate('yyyy-MM-dd hh:mm') }}</div>
+            </div>
+
             <div class="activity-addr flex-aic">
               <img
                 :alt = "item.title"
@@ -46,9 +51,9 @@
     <p
       v-if="preventRepeatReuqest"
       class="loading">加载中……</p>
-    <p
+    <div
       v-if="touchend"
-      class="empty_data">——共{{ totalCount?totalCount:0 }}个活动——</p>
+      class="empty_data">——共{{ totalCount?totalCount:0 }}个活动——</div>
     <go-top/>
     <Footer v-if="touchend"/>
   </div>
@@ -172,20 +177,22 @@
     }
     #scroll-area li{
       box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
-      margin: 17px 0;
+      margin: 15px 0 15px 0;
       border-radius: 3px;
     }
     .activity-item-d{
       padding: 14px 10px;
     }
     .activity-item-title{
-      font-size: 14px;
+      font-size: 15px;
+      width: 220px;
       font-weight: bold;
     }
     .activity-time{
-      margin: 10px 0;
-      font-size: 12px;
+      font-size: 13px;
       color: #666;
+      min-width: 115px;
+      text-align: right;
     }
     .activity-addr{
       font-size: 12px;

pages/campsite.vue

@@ -24,7 +24,7 @@
           @click="chooseSelect(item)">{{ item.name }}</p>
       </nav>
     </div>
-    <div style="padding-top: 0;border-top: 1px solid #dfdfdf;height: 17px;"/>
+    <div style="padding-top: 0;border-top: 1px solid #eee;height: 12px;"/>
     <ul
       v-if="dataDetail.length"
       id="scroll-area"
@@ -48,10 +48,11 @@
     <p
       v-if="preventRepeatReuqest"
       class="loading">加载中……</p>
-    <p id="empty"/>
-    <p
+    <div id="empty"/>
+    <div
       v-if="touchend"
-      class="empty_data">—— 共{{ totalCount?totalCount:0 }}个房车营地——</p>
+      style="margin-top:12px !important;"
+      class="empty_data">—— 共{{ totalCount?totalCount:0 }}个房车营地——</div>
     <go-top/>
     <Footer v-if="touchend"/>
   </div>
@@ -215,7 +216,7 @@
       top: 44px;
       background: #fff;
       width: 100%;
-      border-bottom: 1px solid #dfdfdf;
+      border-bottom: 1px solid #eee;
     }
     /*chrome 和Safari*/
     nav::-webkit-scrollbar { width: 0 !important }
@@ -228,13 +229,14 @@
       font-size: 14px;
       color: #999;
       flex-shrink: 0;
-      margin: 27px 13px 0px 13px;
-      padding-bottom: 13px;
+      margin: 20px 13px 0px 13px;
+      padding-bottom: 8px;
     }
     p.active{
       border-bottom: 2px solid #1bbb9f;
       font-size: 16px;
       color: #333;
+      font-weight: bold;
     }
     .campsite-ul{
       padding-top: 0px;
@@ -244,7 +246,7 @@
       .campsite-li{
         box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
         width: 48%;
-        margin: 10px 0;
+        margin: 8px 0;
         border-radius: 3px;
       }
       .campsite-logo{
@@ -255,8 +257,7 @@
       }
       .campsite-name{
         font-size: 14px;
-        font-weight: bold;
-        margin: 13px;
+        margin: 13px 10px;
       }
     }
 

pages/news.vue

@@ -39,9 +39,9 @@
     <p
       v-if="preventRepeatReuqest"
       class="loading">加载中……</p>
-    <p
+    <div
       v-if="touchend"
-      class="empty_data">——共{{ totalCount?totalCount:0 }}篇新闻资讯——</p>
+      class="empty_data">——共{{ totalCount?totalCount:0 }}篇新闻资讯——</div>
     <go-top/>
     <Footer v-if="touchend"/>
   </div>

pages/tour.vue

@@ -47,10 +47,10 @@
     <p
       v-if="preventRepeatReuqest"
       class="loading">加载中……</p>
-    <p id="empty"/>
-    <p
+    <div id="empty"/>
+    <div
       v-if="touchend"
-      class="empty_data">——共{{ totalCount?totalCount:0 }}个旅行路线——</p>
+      class="empty_data">——共{{ totalCount?totalCount:0 }}个旅行路线——</div>
     <go-top/>
     <Footer v-if="touchend"/>
   </div>
@@ -213,10 +213,11 @@
       -ms-flex-align: center;
       align-items: center;
       overflow: auto;
+      /*border-bottom: 1px solid #eee;*/
     }
     nav::-webkit-scrollbar { width: 0 !important }
     .nav-sec-menu{
-      border-bottom: 1px solid #dfdfdf;
+      border-bottom: 1px solid #eee;
     }
     .nav-sec-menu.isFixed{
       position: fixed;
@@ -224,19 +225,20 @@
       background: #fff;
       height: 64px;
       width: 100%;
-      border-bottom: 1px solid #dfdfdf;
+      border-bottom: 1px solid #eee;
     }
     p{
       text-align: center;
       font-size: 14px;
       color: #999;
       flex-shrink: 0;
-      margin: 27px 13px 0px 13px;
-      padding-bottom: 13px;
+      margin: 20px 13px 0px 13px;
+      padding-bottom: 8px;
     }
     p.active{
       border-bottom: 2px solid #1bbb9f;
       font-size: 16px;
+      font-weight: bold;
       color: #333;
     }
     .tyle-list-li{
@@ -246,9 +248,11 @@
     .tour-item{
       margin: 17px 0;
     }
+    .tour-item:last-child{
+      margin-bottom: 0;
+    }
     .tour-item-name{
       font-size: 15px;
-      font-weight: bold;
     }
     .tour-item-img{
       width: 92px;
@@ -257,7 +261,7 @@
       border-radius: 3px;
     }
     .tour-list{
-      border-bottom: 1px solid #dfdfdf;
+      border-bottom: 1px solid #eee;
       margin-left: px2rem(20px);
       width: 100%;
     }

pages/vehicle.vue

@@ -23,7 +23,7 @@
         v-for="item in dataDetail"
         :to="{ path: 'vehicleDetail', query:{id: item.id, name:item.name }}"
         :key="item.id"
-        class="news-item flex">
+        class="vehicle-item flex">
         <img
           :src="item.coverPic"
           :alt = "item.name"
@@ -45,7 +45,7 @@
                 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAABHNCSVQICAgIfAhkiAAABU5JREFUaIHtmWtsFFUUx///e3e32y2lRSIaSrAIEhItFHdboo1GEgMWeSiGgjyKJDRrfMWY6Bdi0kRB/WKMr7BiKH2ApiI1YgqUGtJgVOw2GERCQqkQHwkE0JQ2dLe7c/xQdvucZdpZoG32l2yy994z557/nJn7GiBFihQpUqRIMW5h/F/tKu3LWvG0hnHfbYzHHkoJDLQe+6l1H8rLDQBwxNoKJy5fB8ougDT3MMoRgRDie/jejUGgGgBUvJGSz74ZHaMQIAQFsXI8g1AApNdQRMK3MjC7kHTFCyLxRDmGtAbQFQ3NjHSE/7vJcSWFzAlZ2XDIn0O1mQoUo7vzVMmLHTcvrOSRd3S303NNhmxTQ9aOI5IlcNQOTqaP6I0obKxciijXgCwAcBeBToH8FgW+ueyM7jq3cFNXEuMcMcMWmF9Xke3K0J/B4DNkvycgi+BUB7B4SlhvubOxZmXz4+ubkxjriBiWwNwjFW5XWDcRnJvIjuQ0GHLMe6Dy0ZbijT8MMhBhweE987RE04YZbz86ukLnTq4ou5DIZlgCp4TUR1Q94qRn3fBupDscCGtc9aRpF7udDwGyg8BkAtRKfe4NBPJa/P7uvn4KD1d/CtAvtLdq8qS7I94DFWvDQKOZjWWB876vzEGEa2NlIyplweLSnei3PEBdfkPFSRccxwlkgJitc91rAVT29SWCHEX7AxMBh6LOTmRjWaArghUkPQAAkdNBd1sl+osDAPy6aNOZgsaqrTC4lQANqGUYIDASCb/scDqvKcBttf+hMIRtne1Xv9AZ2U4zm2E8our+eIDkdiwsj5hZdoTCeyY60t4CoQmZOrD9+JObzwNYbb3vxOQd3T3JrM36PKh613cQw0hkSldUhkjubcG6QAOney9Sz6G2VpuZZhjpTwkZ851wlLvZWH5EQwjtT4f7PQBuRTxYmB1e/gtQN9Bubv2OaQTeJkABBIJDg5yVlyvvI7kzGNYjXmgAQFjJvycWl15MZGO5gxOLy/4obKiuI/BsT43s9R2sXBlsT/8OJSVRiNB7qOZuraSBYGaPCf7uaG/bOdCXb8HMzSqK7dT2RtJ0MOI7WFkUAs6Y2QzrDnYaoZc8yj1fQeYQUFqprwqzuy7yYNUFOVwzEUqmEj0jrQAiGmWnSsoH7SupUZqkzbVDUYqQFIG1q7RHu16gIVl9QnMSzIFCTk9VbwMFhkRlvXd/INiyzH+pn6+IbBEHPhGxN02QPBtV/DqRjWWBhdlLt0L4Bq1O0IRW4DqmeWZ7A4GivquZ5iWlTQAesNr3jUg0TVgSOKu+Pg245CdAETEAXAQQFGDwhphwEcwnMP26fx/vcb8OYNvIwreHJYF3qMurAWYBAAS7/2m/5P+r5LVrZvbeQMDJ6Z5irbGPgFbkq7lHKt6/HVsoS/OgaCMvNihEnfwgkTgAaPH7u4PFG74V4AoAgMyY3BGeYDvaEWApgxQVvxE6ir0LDlWFLPqfBFw/ypuQGa/0NdQUKcjHFLE1yAjQJog83zXUq3KdYU+0BGbYPRtWlHcoyLfrh8AcgXMlgCrTvqw5ot2FZb/rpVveFEgngIidnwCtkO59iTq2lMEOo2uby1CDViRWUVEaLT+evRIrNy8pbZpV/+HkSHqmrRSee+x8GCw3bE8Tvz+x+QpiA0aSaF3yitX32Bapc9GxzrgXaPoOuhzanXukwtY8datwdRpus1SZCtRMb50yVj6gKYHZ7stUYPwEbYwTT6yAP4+akyIbCCCgboqV++aVvobqNUownzBG7deiRAiUGMTx4KINX2IcJCtFihQpUqRIcQP+B7jnvcfwUWbhAAAAAElFTkSuQmCC">
               <img
                 v-if="iindex==2"
-                style="margin-right: 5px;width: 20px;"
+                style="margin-right: 5px;width: 18px;"
                 src="data:image/png;base64,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">
               {{ iitem.name }}
             </span>
@@ -56,9 +56,9 @@
     <p
       v-if="preventRepeatReuqest"
       class="loading">加载中……</p>
-    <p
+    <div
       v-if="touchend"
-      class="empty_data">—— 共{{ totalCount?totalCount:0 }}款车型——</p>
+      class="empty_data">—— 共{{ totalCount?totalCount:0 }}款车型——</div>
     <go-top/>
     <Footer v-if="touchend"/>
   </div>
@@ -182,28 +182,28 @@
 
 <style lang="scss">
   @import "../assets/styles/mixin";
-  .news-item{
-    margin: 10px 0;
+  .vehicle-item{
+    margin-top: 10px;
   }
   .tour-home-r, .news-home-r{
     width: 58%;
   }
   .vehicle-img-list-name{
-    font-size:px2rem(24px);
-    font-weight: 700;
+    font-size:15px;
   }
   .vehicle-img-list{
-    width: px2rem(277px);
-    height: px2rem(225px);
+    width: 139px;
+    height: 107px;
+    padding: 14px;
+    padding-bottom: 0;
     border-radius: 3px;
   }
   .vehicle-list{
-    border-bottom: 1px solid #dfdfdf;
-    margin-left: px2rem(20px);
+    border-bottom: 1px solid #eee;
     width: 100%;
-    padding: px2rem(20px);
+    padding: px2rem(20px) 0;
     .config{
-      color: #999;
+      color: #666;
     }
   }