营地2.0-修改样式

src/assets/scss/active/activeList.scss

@@ -46,15 +46,17 @@
     margin: 1% 2% 1% 0;
     border: 1px solid #cccccc;
     border-radius: 4px;
+    overflow: hidden;
 
     &:nth-child(4n+4) {
       margin: 1% 0;
     }
 
     .inner {
-      border-radius: 4px;
-      overflow: hidden;
+      display: flex;
+      flex-flow: column;
       max-width: none;
+      height: 100%;
       background: #fff;
       box-sizing: border-box;
       transition: all ease-out 0.2s;
@@ -173,14 +175,15 @@
           margin: 0.2vw 0;
         }
 
-        .active-list-item-cont-bottom {
+      }
+      .active-list-item-bottom {
         display: flex;
         flex-flow: row;
         align-items: center;
         justify-content: space-between;
         border-top: 1px solid #cccccc;
         margin-top: 0.5vw;
-          padding: 0.5vw 0;
+        padding: 0.5vw 20px;
         font-size: 14px;
         line-height: 28px;
         cursor: pointer;
@@ -195,7 +198,6 @@
         }
       }
     }
-    }
 
     &:hover {
       .inner {

src/views/base/active/Active.vue

@@ -110,14 +110,15 @@
             <div class="active-list-item-cont-txt2">{{formatYMD(item.activityStartTime)}} （共{{item.activityTime}}天）
             </div>
             <div class="active-list-item-cont-txt3">报名截止时间：{{formatYMDChina(item.bmEndTime)}}</div>
-            <div class="active-list-item-cont-bottom" @click="$router.push('/active/'+item.id)">
+
+          </div>
+          <div class="active-list-item-bottom" @click="$router.push('/active/'+item.id)">
             <div>查看详情</div>
             <i class="el-icon-right"></i>
           </div>
         </div>
       </div>
     </div>
-    </div>
     <div class="active-list" v-else>
       <el-empty description="暂无数据" style="margin: 0 auto;"></el-empty>
     </div>

src/views/base/home/Home.vue

@@ -50,7 +50,8 @@
                   （共{{item.activityTime}}天）
                 </div>
                 <div class="active-list-item-cont-txt3">报名截止时间：{{formatYMDChina(item.bmEndTime)}}</div>
-                <div @click="$router.push('/active/'+item.id)" class="active-list-item-cont-bottom">
+              </div>
+              <div @click="$router.push('/active/'+item.id)" class="active-list-item-bottom">
                 <div>查看详情</div>
                 <i class="el-icon-right"></i>
               </div>
@@ -58,7 +59,6 @@
           </div>
         </div>
       </div>
-      </div>
       <!--查看更多-->
       <div class="flex-line">
         <div class="line"></div>
@@ -230,7 +230,7 @@
 
   .flex-line {
     width: 80%;
-    margin: 0 auto;
+    margin: 15px auto;
     display: flex;
     flex-flow: row;
     align-items: center;
@@ -245,7 +245,11 @@
       font-size: 16px;
       width: 74px;
       margin-left: 40px;
+      &:hover{
         cursor: pointer;
+        /*font-weight: bold;*/
+        color: var(--all_color);
+      }
     }
   }