zc

src/views/courtyardManage/courtyardHome.vue

@@ -3,13 +3,13 @@
     <headerComponent></headerComponent>
     <div class="left" v-if="showType">
       <div class="left_t">
-        <img class="left_t_l" src="@/assets/image/index_icon5.png"/>
-        <div class="left_t_l1"></div>
-        <div class="left_t_c">
-          <li :class="{'checked_li':checkedNum==0}" @click="checkedNumButton(0)" v-if="deptId">校院通知</li>
-          <li :class="{'checked_li':checkedNum==1}" @click="checkedNumButton(1)">预警事件</li>
-          <li :class="{'checked_li':checkedNum==2}" @click="checkedNumButton(2)" v-if="deptId">工作计划</li>
-        </div>
+        <!--<img class="left_t_l" src="@/assets/image/index_icon5.png"/>-->
+        <!--<div class="left_t_l1"></div>-->
+        <!--<div class="left_t_c">-->
+          <!--<li :class="{'checked_li':checkedNum==0}" @click="checkedNumButton(0)" v-if="deptId">校院通知</li>-->
+          <!--<li :class="{'checked_li':checkedNum==1}" @click="checkedNumButton(1)">预警事件</li>-->
+          <!--<li :class="{'checked_li':checkedNum==2}" @click="checkedNumButton(2)" v-if="deptId">工作计划</li>-->
+        <!--</div>-->
         <div class="left_t_n">
           <el-carousel ref="el-carousel" class="swiper-container" @change="checkedNumChange" :interval="6000"
                        trigger="click" direction="vertical" indicator-position="none" height="410px">
@@ -825,10 +825,14 @@
         }
         .left_t_n {
           overflow: hidden;
-          width: 672px;
+          /*width: 672px;*/
           height: 406px;
-          margin-left: 36px;
+          width: 1027px;
+          /*height: 452px;*/
+          background: url("~@/assets/image/index_icon10.png");
+          margin-left: 16px;
           margin-top: 82px;
+          background-size: 1027px 406px;
           /*校院通知*/
           .left_t_r {
 
@@ -888,9 +892,10 @@
           /*预警通知*/
           .left_t_r2 {
 
-            width: 672px;
+            width: 1027px;
+            /*width: 672px;*/
             height: 406px;
-            background: url("~@/assets/image/index_icon9.png") no-repeat;
+            /*background: url("~@/assets/image/index_icon9.png") no-repeat;*/
             background-size: 100% 100%;
 
             padding: 10px 16px 0;
@@ -955,15 +960,20 @@
                 text-overflow: ellipsis;
               }
               > i:nth-of-type(1) {
-                width: 146px;
+                /*width: 146px;*/
+                flex:1;
                 margin-left: 22px;
-                margin-right: 20px;
+                margin-right: 10px;
               }
               > i:nth-of-type(2) {
-                width: 234px;
+                /*width: 234px;*/
+                flex:1;
+                margin-right: 10px;
+                /*text-align: center;*/
               }
               > i:nth-of-type(3) {
-                width: 179px;
+                flex:1;
+                margin-right: 32px;
               }
 
             }
@@ -987,22 +997,25 @@
                   text-overflow: ellipsis;
                 }
                 > i:nth-of-type(1) {
-                  width: 146px;
+                  /*width: 146px;*/
+                  flex:1;
                   margin-left: 22px;
                   margin-right: 10px;
                 }
                 > i:nth-of-type(2) {
-                  width: 240px;
+                  /*width: 240px;*/
                   margin-right: 10px;
+                  flex:1;
                 }
                 > i:nth-of-type(3) {
                   // width: 146px;
-                  width: 179px;
+                  flex:1;
                 }
                 > img {
                   width: 12px;
                   height: 12px;
                   margin-left: 10px;
+                  margin-right:10px;
                 }
               }
               > li:nth-of-type(even) {