diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue
index 999ba3c..539127f 100644
--- a/ruoyi-ui/src/views/index.vue
+++ b/ruoyi-ui/src/views/index.vue
@@ -1,45 +1,50 @@
 <template>
   <div class="app-container home">
+    <div style="display: flex;flex-flow:wrap;">
+      <div style="display: flex;flex-flow:row wrap;margin-right: 15px">
+        <div @click="goTarget('project/project')" class="work">
+          <el-badge class="item-ico" type="warning">
+            <i class="el-icon-s-operation fz cl1"></i>
+            <div size="small">项目管理</div>
+          </el-badge>
+        </div>
+        <div @click="goTarget('produce/attendance')" class="work">
+          <!--              :value="ownCount" -->
+          <el-badge class="item-ico" type="warning">
+            <i class="el-icon-date fz cl2"></i>
+            <div size="small">人员考勤</div>
+          </el-badge>
+        </div>
+        <div @click="goTarget('notice/notice')" class="work">
+          <el-badge class="item-ico" type="warning">
+            <i class="el-icon-chat-line-round fz cl3"></i>
+            <div size="small">通知公告</div>
+          </el-badge>
+        </div>
 
+        <div @click="goTarget('finance/costing')" class="work">
+          <el-badge  class="item-ico" type="warning" v-on:click="goTarget('finance/costing')">
+            <i class="el-icon-set-up fz cl4"></i>
+            <div size="small">财务管理</div>
+          </el-badge>
+        </div>
 
+      </div>
+
+      <el-card class="box-card" style="width: 250px">
+        <div slot="header" class="clearfix">
+          <span><i class="el-icon-microphone"></i> 通知公告</span>
+          <!--            <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
+        </div>
+        <div v-for="(v, k) in noticeList" :key="k" class="text item" @click="toDrawer(v.noticeId)" type="primary" style="margin-left: 3px;margin-bottom: 5px;">
+          <span class="pull-right">{{ parseTime(v.createTime, '{y}-{m}-{d}') }}</span>
+          <i class="el-icon-arrow-right"></i>
+          {{v.noticeTitle}}
+        </div>
+      </el-card>
+
+    </div>
 
-    <el-row :gutter="20">
-      <el-col :span="16">
-        <el-row :gutter="20">
-          <el-col :span="6">
-            <div @click="goTarget('project/project')" class="work">
-              <el-badge class="item-ico" type="warning">
-                <i class="el-icon-s-operation fz cl1"></i>
-                <div size="small">项目管理</div>
-              </el-badge>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div @click="goTarget('produce/attendance')" class="work">
-<!--              :value="ownCount" -->
-              <el-badge class="item-ico" type="warning">
-                <i class="el-icon-date fz cl2"></i>
-                <div size="small">人员考勤</div>
-              </el-badge>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div @click="goTarget('notice/notice')" class="work">
-              <el-badge class="item-ico" type="warning">
-                <i class="el-icon-chat-line-round fz cl3"></i>
-                <div size="small">通知公告</div>
-              </el-badge>
-            </div>
-          </el-col>
-          <el-col :span="6">
-            <div @click="goTarget('finance/costing')" class="work">
-              <el-badge  class="item-ico" type="warning" v-on:click="goTarget('finance/costing')">
-                <i class="el-icon-set-up fz cl4"></i>
-                <div size="small">财务管理</div>
-              </el-badge>
-            </div>
-          </el-col>
-        </el-row>
 
 <!--        <div class="card-info" style="margin-top: 30px">
           <el-card class="box-card">
@@ -91,29 +96,7 @@
 
         </div>-->
 
-      </el-col>
-      <el-col :span="8">
 
-
-
-        <el-card class="box-card">
-          <div slot="header" class="clearfix">
-            <span><i class="el-icon-microphone"></i> 通知公告</span>
-<!--            <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>-->
-          </div>
-          <div v-for="(v, k) in noticeList" :key="k" class="text item" @click="toDrawer(v.noticeId)" type="primary" style="margin-left: 3px;margin-bottom: 5px;">
-            <span class="pull-right">{{ parseTime(v.createTime, '{y}-{m}-{d}') }}</span>
-            <i class="el-icon-arrow-right"></i>
-            {{v.noticeTitle}}
-          </div>
-        </el-card>
-
-      </el-col>
-      <el-col :span="16" >
-
-      </el-col>
-      <el-col :span="8"><div class="grid-content bg-purple"></div></el-col>
-    </el-row>
     <h2>新的一天从这里开始，助力工作,让办公更轻松!!!</h2>
 
     <el-drawer
@@ -246,12 +229,12 @@ export default {
     width: 100%;
     height: 208px;
     margin-top: 10px;
-    margin-right: 80px;
-    padding: 30px;
+    padding: 50px;
     background-color: #ffffff;
     font-size: 18px;
     text-align: center;
     color: #999999;
+
   }
   .item-ico .fz{font-size: 88px;margin-bottom: 12px;}
   .item-ico .cl1{color: #67C23A}