营地2.0-修改bug

src/assets/scss/active/activeList.scss

@@ -97,14 +97,16 @@
         font-weight: 400;
 
         .active-list-item-cont-header {
-          display: flex;
-          flex-flow: row;
-          align-items: center;
+          //display: flex;
+          //flex-flow: row;
+          //align-items: center;
           line-height: 28px;
-          margin: 0.8vw 0 0.4vw;
+          //margin: 0.8vw 0 0.4vw;
 
           .label {
+            height: 28px;
             font-size: 12px;
+            margin: 0.8vw 0 0.4vw;
 
             > span {
               padding: 5px 10px;
@@ -112,12 +114,16 @@
               color: #ffffff;
               background-color: var(--all_color);
               margin-right: 5px;
+              vertical-align: middle;
             }
           }
 
           .title {
+            height: 28px;
             font-size: 18px;
             font-weight: 500;
+            margin: 0.4vw 0 0.4vw;
+            color: #000000;
           }
         }
 

src/assets/scss/index.scss

@@ -8,3 +8,6 @@
 
     --all_color: #436EF3;
   }
+body{
+  font-family: "PingFang SC";
+}

src/views/base/active/Active.vue

@@ -90,7 +90,6 @@
               <div class="label" v-if="item.activityLabel">
                 <span v-for="(item2, index2) in item.activityLabel.split(',')"
                       :key="index2">{{item2}}</span>
-
               </div>
               <div class="title">{{item.name}}</div>
             </div>

src/views/base/active/ActiveInfo.vue

@@ -42,7 +42,7 @@
           <div>报名截止：{{formatYMDChina(activeInfo.bmEndTime)}}</div>
           <div>
             活动费用：￥{{activeInfo.activityFee}}
-            <el-tooltip class="item" effect="dark" content="申请审核通过后，才可缴费参与活动" placement="top">
+            <el-tooltip class="item" effect="dark" content="申请审核通过后，才可缴费参与活动具体活动费用以缴费时为准。" placement="top">
               <i class="el-icon-question"></i>
             </el-tooltip>
           </div>
@@ -611,6 +611,7 @@
             padding: 15px 10px;
             display: flex;
             flex-flow: row;
+            align-items: center;
             margin-bottom: 10px;
 
             .back-area-item-cover {

src/views/base/home/Home.vue

@@ -62,7 +62,7 @@
       <!--查看更多-->
       <div class="flex line">
         <div class="line"></div>
-        <span>查看更多</span>
+        <span class="view-more" @click="viewMore">查看更多</span>
       </div>
       <!-- 学生感想和体会   -->
       <div>
@@ -164,6 +164,10 @@
       this.getHot();
     },
     methods: {
+      // 查看更多
+      viewMore(){
+        this.$router.push('/active');
+      },
       getHot() {
         hot().then((res) => {
           if (res.data.code != 200) {
@@ -231,11 +235,12 @@
       border-bottom: 1px solid #D7D7D7;
     }
 
-    span {
+    .view-more {
       color: #333333;
       font-size: 14px;
       width: 74px;
       margin-left: 20px;
+      cursor: pointer;
     }
   }