新闻、活动列表

assets/styles/base.scss

@@ -107,14 +107,17 @@ input[disabled] {
 .main-padding{
   padding: 0.7rem 0.4rem;
 }
+.ft-15{
+  font-size: 15px;
+}
 .tc{
   text-align: center;
 }
 .empty_data{
-  font-size:.5rem;
-  color:#666;
-  text-align:center;
-  line-height:2rem
+  font-size: 12px;
+  color: #999;
+  text-align: center;
+  margin-bottom: 20px;
 }
 
 .mint-second-menu{

components/head.vue

@@ -45,6 +45,7 @@
       </ul>
     </div>
     <div
+      v-if="isShowMenu"
       class="bg-mask"
       @touchmove.prevent
       @click="closeMenu()"/>

components/secondBanner.vue

@@ -10,7 +10,7 @@
           <img
             :src= "item.cover"
             :alt="item.title"
-            style="width:100%;">
+            style="height: 80px;width:auto;">
         </li>
       </ul>
     </div>
@@ -118,9 +118,6 @@
     opacity:1 !important;
     transition: all 1.5s;
   }
-  ul{
-    height:100%;
-  }
   .banner .name-t{
     display:inline-block;
     height:40px;
@@ -170,8 +167,11 @@
     transform: translateY(-50%);
   }
   .banner{
-    height:px2rem(100px);
+    height:80px;
     overflow: hidden;
     margin-top: 44px;
   }
+  .banner img{
+    object-fit:cover;
+  }
 </style>

pages/activity.vue

 <template>
-  <div class="order-page">
+  <div class="activity-container">
     <Head/>
     <second-banner
       :list = "bannerList"
@@ -20,21 +20,29 @@
       type="1"
       style="padding-top: 0;"
       class="main-padding">
-      <router-link
+      <li
         v-for="item in dataDetail"
-        :to="{ path: 'activityDetail', query:{id: item.id }}"
-        :key="item.id"
-        class="flex-jcb news-item">
-        <img
-          :src="item.banner"
-          :alt = "item.title"
-          class="tour-img-home">
-        <div class="tour-home-r">
-          <div class="ellipsis2">{{ item.title }}</div>
-          <div class="activity-time">{{ item.startTime | formatDate('yyyy-MM-dd hh:mm') }}</div>
-          <div>{{ item.endTime | formatDate('yyyy-MM-dd hh:mm') }}</div>
-        </div>
-      </router-link>
+        :key="item.id">
+        <router-link
+          :to="{ path: 'activityDetail', query:{id: item.id }}"
+          class="activity-item">
+          <img
+            :src="item.banner"
+            :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="activity-addr flex-aic">
+              <img
+                :src="item.banner"
+                :alt = "item.title"
+                style="width: 10px;height: 13px;margin-right: 5px;">
+              {{ item.province }}{{ item.city }}{{ item.town }}{{ item.address }} </div>
+          </div>
+        </router-link>
+      </li>
+
     </ul>
     <p
       v-if="preventRepeatReuqest"
@@ -159,42 +167,30 @@
 
 <style lang="scss">
   @import "../assets/styles/mixin";
-  .news-item{
-    margin: 10px 0;
-  }
-  .tour-home-r, .news-home-r{
-    width: 58%;
-  }
-  .tour-img-home, .news-home-img{
-    width: px2rem(300px);
-    height: px2rem(150px);
-  }
-  .order-page {
-    .no-data {
-      text-align: center;
-
-      .nodata {
-        width: px2rem(400px);
-        height: px2rem(400px);
-        margin: 15vh auto px2rem(10px) auto;
-      }
-
-      p {
-        color: #6a6a6a;
-        font-size: px2rem(32px);
-        margin-bottom: px2rem(15px);
-      }
-
-      .login {
-        width: px2rem(240px);
-        height: px2rem(80px);
-        background: #56d176;
-        border: none;
-        color: #fff;
-        font-size: px2rem(28px);
-        border-radius: 2px;
-      }
+  .activity-container{
+    .activity-item{
+      margin: 10px 0;
+    }
+    #scroll-area li{
+      box-shadow: 2px 3px 13px #999;
+      margin: 17px 0;
+      border-radius: 3px;
+    }
+    .activity-item-d{
+      padding: 14px 10px;
+    }
+    .activity-item-title{
+      font-size: 14px;
+      font-weight: bold;
+    }
+    .activity-time{
+      margin: 10px 0;
+      font-size: 12px;
+      color: #666;
+    }
+    .activity-addr{
+      font-size: 12px;
+      color: #999;
     }
   }
-
 </style>

pages/news.vue

@@ -15,19 +15,26 @@
       @click="bannerClick"/>
     <ul
       v-if="dataDetail.length"
-      id="scroll-area">
+      id="scroll-area"
+      class="main-padding">
       <router-link
         v-for="item in dataDetail"
         :to="{ path: 'newsDetail', query:{id: item.id }}"
         :key="item.id"
-        class="flex-jcb news-item">
+        class="flex-jcb"
+        style="margin-bottom: 20px;">
         <img
           :src="item.coverImage"
-          class="tour-img-home">
-        <div class="tour-home-r">
-          <div class="ellipsis2">{{ item.title }}</div>
-          <div class="ellipsis2 epitome">导语：{{ item.epitome }}</div>
-          <div class="epitome">{{ item.addTime.substring(0, 10) }}</div>
+          class="news-img-list">
+        <div class="news-list">
+          <div class="ellipsis2 news-list-title">{{ item.title }}</div>
+          <!--<div class="ellipsis2 epitome">导语：{{ item.epitome }}</div>-->
+          <div class="epitome news-list-time flex-aic">
+            <img
+              :src="item.coverImage"
+              style="width: 17px;height: 17px;margin-right: 7px;">
+
+            {{ item.addTime.substring(0, 10) }}</div>
         </div>
       </router-link>
     </ul>
@@ -159,7 +166,27 @@
 <style lang="scss">
   @import "../assets/styles/mixin";
   .news-container{
-
+    .news-img-list{
+      width: 92px;
+      height: 75px;
+    }
+    .news-list {
+      border-bottom: 1px solid #dfdfdf;
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      margin-left: 13px;
+      padding-bottom: 13px;
+    }
+    .news-list-title{
+      margin-bottom: 15px;
+      font-size: 15px;
+    }
+    .news-list-time{
+      font-size: 13px;
+      color: #999;
+    }
   }
   .news-item{
     margin: 10px 0;