update

src/assets/css/base.css

@@ -3,6 +3,8 @@
   padding: 0;
 }
 html{
+  max-width: 750px;
+  margin: 0 auto;
 }
 body {
   background: #f7f7f7;

src/modules/home/components/Commonheader.vue

@@ -2,7 +2,10 @@
   <div class="main_header">
     <van-nav-bar fixed :title="title" left-arrow @click-left="onClickLeft">
       <template #right>
-        <van-icon v-if="pathName === '/'" name="contact" size="28" @click="onClickRight" />
+        <div style="display:flex;" @click="onClickRight">
+          <div class="text" style="font-size: .24rem;color: #333333;margin-right:.05rem">个人中心</div>
+          <van-icon v-if="pathName === '/'" name="contact" size="18" />
+        </div>
       </template>
     </van-nav-bar>
   </div>

src/modules/home/views/Index.vue

@@ -12,7 +12,13 @@
       <!-- 动态 -->
       <div class="main_content_dt">
         <div class="main_content_dt_tit">中国公路建设行业协会</div>
-        <div class="main_content_dt_con">
+        <ul class="main-content">
+          <li v-for="(item, index) in navList" :key="index">
+            <img :src="item.icon">
+            <div class="text">{{ item.text }}</div>
+          </li>
+        </ul>
+        <!-- <div class="main_content_dt_con">
           <div class="dt_con_card dt_con_card1">
             <img
               src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/highway/h5/dt_img.png"
@@ -29,11 +35,11 @@
             />
             <div class="dt_con_card_tit">e学公路</div>
           </div>
-        </div>
+        </div> -->
       </div>
       <!-- 会议 -->
       <div class="main_content_activity">
-        <div class="main_content_activity_tit">会议</div>
+        <div class="main_content_activity_tit">通知通告</div>
         <!-- 活动列表 -->
         <div
           class="main_content_activity_list"
@@ -45,10 +51,11 @@
             <div class="activity_list_top">
               <div class="activity_list_top_tit">{{ item.name }}</div>
               <div class="activity_list_top_date">{{ item.activity_time.split(' ')[0] }}</div>
-            </div>
-            <div class="activity_list_bottom">
               <van-icon name="arrow" size="14" />
             </div>
+            <!-- <div class="activity_list_bottom">
+              <van-icon name="arrow" size="14" />
+            </div> -->
           </div>
         </div>
       </div>
@@ -78,7 +85,29 @@ export default {
       ismySign: true,
       isOtherSign: true,
       activityList: [], // 活动列表
-      detailList: {} // 活动详情
+      detailList: {}, // 活动详情
+      navList: [
+        {
+          icon: 'https://webapp-pub.ezijing.com/highway/h5/nav-icon1.png',
+          text: '培训动态',
+          url: ''
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/highway/h5/nav-icon2.png',
+          text: '公益讲堂',
+          url: ''
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/highway/h5/nav-icon3.png',
+          text: '宣贯培训',
+          url: ''
+        },
+        {
+          icon: 'https://webapp-pub.ezijing.com/highway/h5/nav-icon4.png',
+          text: '施工工艺',
+          url: ''
+        }
+      ]
     }
   },
   methods: {
@@ -282,8 +311,10 @@ export default {
         box-sizing: border-box;
         padding: 0.2rem 0.25rem 0.2rem 0.3rem;
         width: 100%;
-        height: 1.12rem;
+        // height: 1.12rem;
         display: flex;
+        // align-items: center;
+        justify-content: center;
         flex-direction: column;
         background-color: #fff;
         border-radius: 0.2rem;
@@ -294,6 +325,7 @@ export default {
         .activity_list_top {
           display: flex;
           justify-content: space-between;
+          align-items: center;
           .activity_list_top_tit {
             width: 3.2rem;
             font-size: 0.28rem;
@@ -310,6 +342,7 @@ export default {
             font-size: 0.22rem;
             font-weight: 400;
             color: #999999;
+            margin-left: 1rem;
           }
         }
         .activity_list_bottom {
@@ -321,7 +354,24 @@ export default {
     }
   }
 }
+.main-content{
+  display: flex;
+  justify-content: space-around;
+  padding-top: .25rem;
+  li{
+    img{
+      width: 1.2rem;
+      display: block;
+    }
+    .text{
+      font-size: .24rem;
+      line-height: 100%;
+      color: #4E4E4E;
+      text-align: center;
+    }
+  }
+}
 ::v-deep .van-icon-arrow {
-  margin-top: 0.2rem;
+  margin-top: 0.05rem;
 }
 </style>