营地2.0-修改

src/views/base/active/Active.vue

@@ -158,10 +158,14 @@
           },
           {
             lableId: 3,
-            lableName: '开营中'
+            lableName: '即将开营'
           },
           {
             lableId: 4,
+            lableName: '开营中'
+          },
+          {
+            lableId: 5,
             lableName: '已结营'
           },
         ],

src/views/base/active/ActiveInfo.vue

@@ -50,8 +50,8 @@
         <div>
           <el-button v-if="activeInfo.status==1" :disabled="true">报名未开放</el-button>
           <el-button v-if="activeInfo.status==2 && activeInfo.source==2" @click="signUp">立即报名</el-button>
-          <el-button v-if="activeInfo.status==3" :disabled="true">报名已截止</el-button>
-          <el-button v-if="activeInfo.status==4" :disabled="true">已结营</el-button>
+          <el-button v-if="activeInfo.status==3 || activeInfo.status==4" :disabled="true">报名已截止</el-button>
+          <el-button v-if="activeInfo.status==5" :disabled="true">已结营</el-button>
         </div>
       </div>
     </div>

src/views/base/home/Home.vue

@@ -82,7 +82,6 @@
                     <div class="name_line">
                     </div>
                   </div>
-
                 </div>
               </div>
             </div>
@@ -97,7 +96,6 @@
                 {{item.think}}
               </div>
             </div>
-
           </div>
         </div>
       </div>
@@ -115,43 +113,44 @@
     data() {
       return {
         bannerHeight: "",
-        bannerlist: [{
-          url: banner1
-        }, {
-          url: banner2
-        }],
+        bannerlist: [
+          {
+            url: banner1
+          }
+        ],
         activeList: [],
         reflectionsList: [
           {
-            name: '同学',
-            think: '我想小鸟肯定是害怕了，小鸟失去了自由，一定高兴不起来了，只有外面的天空才是小鸟的家，小鸟被细绳牵着失去自由实在是太可怜了，我决心把小鸟放走我轻轻的走过去，把小鸟腿上的细绳解开了。我把小鸟放在窗台上，我站在远处看着它，只见小鸟趴在窗台上还是一动也不动，嘴巴张着。妈妈说小鸟可能吓坏了，我有点后悔。后来过了好一会儿，小鸟才回过神来，它眨了眨眼睛，慢慢飞了起来。我看我觉的小鸟是我们人类的朋友，我们不能伤害小鸟，只有让小鸟在天空中自由的飞翔，它才会感到快乐',
-            tag: ['北京市第八中序', '2023南开历史营']
+            name: '张宇翔',
+            think: '通过这几天的学习我深深地感受到了历史的魅力。从延伸千年的丝绸之路到骁勇善战的草原大漠，前往神秘享测的古埃及，置身考古现场研究墓穴壁画的构造。三天的学习使我受益匪浅，了解到很多之前闻所未闻的知识。',
+            tag: ['鄂尔多斯衡水实验中学', '2023南开历史营']
           },
           {
-            name: '同学同学同学同学',
-            think: '2222222',
-            tag: ['北京市第八中序', '2023南开历史营']
+            name: '黄圣凯',
+            think: '对于这次的夏令营我的收获很大，这次的夏令营，教授和博士们的精彩演讲内容是课本中学不到的，很大的程度上对我的帮助很大，开拓了知识面。从这次的夏令营动中，我学会了从不同的角度去看待问题。',
+            tag: ['浙江省树人中学', '2023南开历史营']
           },
           {
-            name: '同学',
-            think: '2222222',
-            tag: ['北京市第八中序', '2023南开历史营']
+            name: '李奇霏',
+            think: '四天的学习生活让我获益匪浅，收获到了很多课本外的知识。经过本次学习我开拓了自己的眼界，激发了对历史学习的兴趣，也培养了与小组同学团结协作的能力。最后，感谢学科营的各位老师和同学，期待我们下一次相遇。',
+            tag: ['东北育才学校', '2023南开历史营']
           },
           {
-            name: '同学',
-            think: '2222222',
-            tag: ['北京市第八中序', '2023南开历史营']
+            name: '宁家禾',
+            think: '这个活动让我结识了很多厉害的学长，让我接触到了一些很厉害的教授，感受到了美丽数学，更收获了友谊，最关键的是增强了自我生活的能力，和团结合作的能力。',
+            tag: ['北京市第五中学2', '2023南开数学营']
           },
           {
-            name: '同学',
-            think: '2222222',
-            tag: ['北京市第八中序', '2023南开历史营']
+            name: '储恬宇',
+            think: '在这几天的学习里，我深切体会到了数学的如此魅力想向在此期间为我们提供帮助的教授们表达感谢感谢使我的前途更加明确，深刻的了解到了统计学和我们的生活息相关，对统计学产生了极大兴趣，感谢这次暑期营注动，在今后的高三学习里会更加努力，谢谢。',
+            tag: ['博野中学', '2023南开数学营']
           },
           {
-            name: '同学',
-            think: '2222222',
-            tag: ['北京市第八中序', '2023南开历史营']
-          }]
+            name: '王科锦',
+            think: '在这几天的学习里，我对数学与统计学有了更深刻的认识，更充地认识到了二者在应用层面的价值，同时也拓宽了眼界，学到了课之外的知识。经过这三天的学习，我对自己的未来专业有了更加清的规划，也对未来的大学生活抱有更美好的憧憬。同时，我也想感谢各位教授与学长学姐的悉心教诲，感谢老师们的授业解惑。',
+            tag: ['济宁市第一中学', '2023南开数学营']
+          },
+        ]
       };
     },
     mounted() {
@@ -189,6 +188,10 @@
   @import "a/scss/common";
   @import "a/scss/active/activeList";
 
+  .home-container {
+    font-family: "PingFang SC";
+  }
+
   .bannerImg {
     width: 100%;
     min-width: 1150px;
@@ -261,27 +264,32 @@
     display: flex;
     flex-flow: wrap;
     font-size: 12px;
+    color: #333333;
+    /*background: red;*/
 
     .reflections_item {
-      flex-basis: 48%;
-      margin: 1.75% 0;
+      flex-basis: 31.8%;
+      margin: 1% 0;
       background-color: #ffffff;
-      min-height: 173px;
+      min-height: 235px;
       position: relative;
       width: 200px;
-      border-radius: 0 0 4px 4px;
+      border-radius: 4px;
       border: 1px solid #cccccc;
+      margin: 1% 2% 1% 0;
+      display: flex;
+      flex-flow: column;
 
-      &:nth-child(2n+2) {
-        margin: 1.75% 0 1.75% 3.5%;
+      &:nth-child(3n+3) {
+        margin: 1% 0 1% 0;
       }
 
       .item_float {
         height: 20px;
         position: absolute;
         top: -1px;
-        left: 8%;
-        padding: 0 25px 0 0;
+        left: 5%;
+        padding: 0 10px;
         background-color: #ffffff;
 
         .item_float_content {
@@ -290,25 +298,26 @@
         }
 
         .item_name {
-          line-height: 40px;
-          font-size: 15px;
+          line-height: 36px;
+          font-size: 18px;
+          font-weight: bold;
           display: flex;
           align-items: flex-end;
-          margin-left: 15px;
         }
 
         .name_line {
-          border-bottom: 2px solid #409EFF;
+          border-bottom: 2px solid var(--all_color);
         }
       }
 
       .reflections_content {
         margin: 7%;
+        flex: 1;
       }
 
       .tags {
         display: flex;
-        padding: 2% 0;
+        padding: 2% 0 3%;
 
         :first-child {
           background-color: #FEB370;
@@ -321,20 +330,21 @@
       }
 
       .tag {
-        font-size: 14px;
+        font-size: 16px;
         padding: 5px 9px;
         margin-right: 10px;
         border-radius: 4px;
       }
 
       .item_text {
-        font-size: 14px;
+        font-size: 13px;
         line-height: 24px;
+        text-indent: 2em;
         white-space: normal;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
-        -webkit-line-clamp: 5;
+        -webkit-line-clamp: 6;
         -webkit-box-orient: vertical;
       }
     }