首页

src/sass/AppHome/AppHome.vue

@@ -93,6 +93,7 @@ export default {
     bottom: 0;
     left: 0;
     display: flex;
+    z-index: 999;
     .item {
       flex: 1;
       text-align: center;

src/sass/AppHome/home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="home">
     <div class="header-img">
-      <img src="./components/img/mdtj.png" alt="">
+      <img src="./components/img/home-banner-center.png" alt="">
     </div>
     <div class="tab-flex">
       <div class="item" v-for="(item, index) in tabs" :key="index">
@@ -40,7 +40,7 @@
         <img src="./components/img/matter-banner.png" alt="">
       </div>
     </div>
-    <div class="matter-list">
+    <div class="matter-list" v-if="tabIndex != 1">
       <div class="item">
         <p>
           <span>待处理</span>
@@ -48,7 +48,7 @@
         </p>
         <div class="flex">
           <div class="time">
-            <img src="./components/img/matter-banner.png" alt="">2022-01-10 14:00:08
+            <img src="./components/img/time-icon.png" alt="">2022-01-10 14:00:08
           </div>
           <div class="type">民生服务</div>
         </div>
@@ -60,7 +60,7 @@
         </p>
         <div class="flex">
           <div class="time">
-            <img src="./components/img/matter-banner.png" alt="">2022-01-10 14:00:08
+            <img src="./components/img/time-icon.png" alt="">2022-01-10 14:00:08
           </div>
           <div class="type">民生服务</div>
         </div>
@@ -72,12 +72,39 @@
         </p>
         <div class="flex">
           <div class="time">
-            <img src="./components/img/matter-banner.png" alt="">2022-01-10 14:00:08
+            <img src="./components/img/time-icon.png" alt="">2022-01-10 14:00:08
           </div>
           <div class="type">民生服务</div>
         </div>
       </div>
     </div>
+    <div class="meet-list">
+      <div class="item">
+        <div class="item-content">
+          <p class="title">区统计局数据上报会议</p>
+          <div class="time-flex">
+            <div class="time">
+              <h2>14:30</h2>
+              <p>2022年1月9日 周二</p>
+            </div>
+            <img src="./components/img/home-right-big.png" alt="">
+            <div class="time">
+              <h2>14:30</h2>
+              <p>2022年1月9日 周二</p>
+            </div>
+          </div>
+          <div class="info">
+            <span class="label">发起人员：</span>
+            <span class="value">李维民</span>
+          </div>
+          <div class="info">
+            <span class="label">会议地点：</span>
+            <span class="value">综合楼6楼 大会议室综合楼6楼 大会议室综合楼6楼 大会议室</span>
+          </div>
+          <img src="./components/img/status0.png" alt="" class="status-img">
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -138,7 +165,7 @@ export default {
           text: '更多'
         },
       ],
-      tabIndex: 0
+      tabIndex: 1
     }
   },
 
@@ -157,7 +184,7 @@ export default {
   position: relative;
   overflow: hidden;
   background-color: #F4F7FD;
-  padding-bottom: 100px;
+  padding-bottom: 120px;
   .header-img{
     width: 100%;
     img{
@@ -374,6 +401,7 @@ export default {
           width: 28px;
           height: 28px;
           margin-right: 4px;
+          vertical-align: text-bottom;
         }
         .time{
           font-size: 24px;
@@ -395,5 +423,76 @@ export default {
       }
     }
   }
+  .meet-list{
+    .item{
+      padding: 0 32px 32px 32px;
+      background-color: #fff;
+      .item-content{
+        padding: 32px 32px 22px 32px;
+        background-color: #F7F9FF;
+        position: relative;
+        .title{
+          width: 640px;
+          font-size: 32px;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333;
+          line-height: 44px;
+        }
+        .time-flex{
+          display: flex;
+          justify-content: space-between;
+          padding: 48px 0;
+          img{
+            width: 88px;
+            height: 88px;
+          }
+          .time{
+            width: 200px;
+            text-align: center;
+            h2{
+              font-size: 60px;
+              font-family: PingFangSC-Medium, PingFang SC;
+              font-weight: 500;
+              color: #333;
+              line-height: 84px;
+            }
+            p{
+              font-size: 22px;
+              font-family: PingFangSC-Regular, PingFang SC;
+              color: #333;
+              line-height: 32px;
+            }
+          }
+        }
+        .info{
+          font-size: 30px;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #999999;
+          line-height: 42px;
+          margin-bottom: 20px;
+          .label{
+            display: inline-block;
+            width: 150px;
+            color: #999;
+            vertical-align: top;
+          }
+          .value{
+            display: inline-block;
+            width: calc(100% - 150px);
+            color: #343D65;
+          }
+        }
+        .status-img{
+          width: 112px;
+          height: 112px;
+          position: absolute;
+          top: 0;
+          right: 0;
+        }
+      }
+    }
+  }
 }
 </style>