营地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,26 +175,26 @@
           margin: 0.2vw 0;
         }
 
-        .active-list-item-cont-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;
-          font-size: 14px;
-          line-height: 28px;
-          cursor: pointer;
-          color: #999999;
-
-          .el-icon-right {
-            font-size: 18px;
-          }
+      }
+      .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 20px;
+        font-size: 14px;
+        line-height: 28px;
+        cursor: pointer;
+        color: #999999;
+
+        .el-icon-right {
+          font-size: 18px;
+        }
 
-          &:hover {
-            color: var(--all_color);
-          }
+        &:hover {
+          color: var(--all_color);
         }
       }
     }

src/views/base/active/Active.vue

@@ -110,10 +110,11 @@
             <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>
-              <i class="el-icon-right"></i>
-            </div>
+
+          </div>
+          <div class="active-list-item-bottom" @click="$router.push('/active/'+item.id)">
+            <div>查看详情</div>
+            <i class="el-icon-right"></i>
           </div>
         </div>
       </div>

src/views/base/home/Home.vue

@@ -50,10 +50,10 @@
                   （共{{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>
-                  <i class="el-icon-right"></i>
-                </div>
+              </div>
+              <div @click="$router.push('/active/'+item.id)" class="active-list-item-bottom">
+                <div>查看详情</div>
+                <i class="el-icon-right"></i>
               </div>
             </div>
           </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;
-      cursor: pointer;
+      &:hover{
+        cursor: pointer;
+        /*font-weight: bold;*/
+        color: var(--all_color);
+      }
     }
   }