首页相关样式修改

src/router/index.js

@@ -67,7 +67,7 @@ export const constantRoutes = [
     children: [
       {
         path: '/index',
-        component: () => import('@/views/index'),
+        component: () => import('@/views/index-copy.vue'),
         name: 'Index',
         meta: {title: '首页', icon: 'dashboard', affix: true}
       }

src/views/index.vue

@@ -106,42 +106,46 @@
         <div class="bg-text">INFORMATION</div>
         活动资讯
       </div>
-      <!--<div class="block-sub-title">活动时间待定，活动内容待定，活动礼品自带</div>-->
       <div class="flex flex-justify-center">
-        <div class="information" style="margin-right: 182px">
-          <div class="information-item"
-               @click="$router.push('/information/informationDetail?id='+informationMainData.id)">
-            <div class="flex">
-              <div class="date">
-                <div class="month-day">{{ informationMainData.month }}/{{ informationMainData.month }}</div>
-                <div class="year">{{ informationMainData.year }}</div>
-              </div>
-              <div class="right">
-                <div class="title">{{ informationMainData.title }}</div>
-                <div class="content" v-html="informationMainData.description">
+        <el-row :gutter="24">
+          <el-col :span="12">
+            <!--<div class="block-sub-title">活动时间待定，活动内容待定，活动礼品自带</div>-->
+            <div class="information" style="margin-right: 182px">
+              <div class="information-item"
+                   @click="$router.push('/information/informationDetail?id='+informationMainData.id)">
+                <div class="flex">
+                  <div class="date">
+                    <div class="month-day">{{ informationMainData.month }}/{{ informationMainData.month }}</div>
+                    <div class="year">{{ informationMainData.year }}</div>
+                  </div>
+                  <div class="right">
+                    <div class="title">{{ informationMainData.title }}</div>
+                    <div class="content" v-html="informationMainData.description">
+                    </div>
+                  </div>
                 </div>
+                <img :src="baseUrl + informationMainData.image" alt="">
               </div>
             </div>
-            <img :src="baseUrl + informationMainData.image" alt="">
-          </div>
-        </div>
-
-        <div>
-          <div v-for="item in informationData" :key="item.id" class="information-item flex"
-               @click="$router.push('/information/informationDetail?id='+item.id)">
-            <div class="date">
-              <div class="month-day">{{ item.month }}/{{ item.month }}</div>
-              <div class="year">{{ item.year }}</div>
-            </div>
-            <div class="right">
-              <div class="title">{{ item.title }}</div>
-              <div class="content" v-html="item.description">
+          </el-col>
+          <el-col :span="12">
+            <div>
+              <div v-for="item in informationData" :key="item.id" class="information-item flex"
+                   @click="$router.push('/information/informationDetail?id='+item.id)">
+                <div class="date">
+                  <div class="month-day">{{ item.month }}/{{ item.month }}</div>
+                  <div class="year">{{ item.year }}</div>
+                </div>
+                <div class="right">
+                  <div class="title">{{ item.title }}</div>
+                  <div class="content" v-html="item.description">
+                  </div>
+                </div>
               </div>
             </div>
-          </div>
-        </div>
+          </el-col>
+        </el-row>
       </div>
-
       <div class="flex-justify-center" style="margin-top: 40px;margin-bottom: 100px">
         <el-button class="view-more-btn" @click="$router.push('/information/informationList')">更多资讯
           <el-icon>
@@ -216,6 +220,7 @@ function openAssembly(data) {
 }
 
 .banner {
+  position: relative;
   margin-bottom: 64px;
 
   img {

src/views/partnership/list.vue

@@ -49,7 +49,7 @@ function openPage (data) {
 .item {
   height: 354px;
   background: #FBFCFE;
-  border-radius: 4px;
+  border-radius: 15px;
   border: 1px solid #D8D9DB;
   padding: 24px;
   margin-bottom: 24px;
@@ -81,7 +81,7 @@ function openPage (data) {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
-    -webkit-line-clamp: 5;
+    -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
   }
 }