2023-04-20

首页面样式

yxt-portal-ui/src/views/Home/Home.vue

@@ -16,9 +16,11 @@
       </div>
     </div>
     <div class="container1">
-      <el-row style="margin-top: 20px;margin-left: 10px;">
-        <el-col :span="13">
-          <ul class="grid-content bg-ltop">
+      <div style="display: flex;flex-direction: row;justify-content: space-between;">
+
+    <!--  <el-row style="margin-top: 20px;margin-left: 10px;">
+        <el-col :span="13"> -->
+          <ul class="grid-content bg-ltop" style="width: 45%;">
             <li @click="todowork">
               <div style="position: relative">
                 <el-badge v-if="shuliang.workCount !== 0" :value="shuliang.workCount" size="mini" class="mark" />
@@ -39,9 +41,9 @@
               <p>已阅工作</p>
             </li>
           </ul>
-        </el-col>
-        <el-col style="margin-left: 70px;" :span="10">
-          <div class="grid-content bg-rtop">
+      <!--  </el-col>
+        <el-col style="margin-left: 70px;" :span="10"> -->
+          <div class="grid-content bg-rtop" style="width: 50%;">
             <!-- <img class="anrui" src="@/assets/home/anrui.png"> -->
             <span class="rt_title">预警中心</span>
 
@@ -68,8 +70,10 @@
               </li>
             </ul>
           </div>
-        </el-col>
-      </el-row>
+     <!--   </el-col>
+      </el-row> -->
+
+      </div>
       <ul class="bg-bottom">
         <li v-for="(item, index) in menus" :key="index" @click="toNav(index)">
           <img :src="item.imgUrl">