首页样式修改1

h5app/src/views/sapp/tabMain.vue

@@ -2,7 +2,7 @@
   <ion-page>
     <ion-content>
     <div class="tab-main-content">
-      <div class="panel" style="margin-top: 125px;">
+<!--      <div class="panel" style="margin-top: 125px;">
         <div class="panel-content">
           <div class="panel-title">
             我的应用
@@ -38,12 +38,12 @@
               </div>
               <div class="tool-title">工作任务</div>
             </a>
-            <!--<a class="tool-item box-line"  @click="router.push('/tabs/tabMain/sitemap/index')">
+            &lt;!&ndash;<a class="tool-item box-line"  @click="router.push('/tabs/tabMain/sitemap/index')">
               <div class="tool-img">
                 <img src="@/assets/icon/map.png">
               </div>
               <div class="tool-title">驿站地图</div>
-            </a>-->
+            </a>&ndash;&gt;
           </div>
           <div class="panel-title">
             我的任务
@@ -66,7 +66,51 @@
             </ion-infinite-scroll-content>
           </ion-infinite-scroll>
         </div>
+      </div>-->
+      <div class="main_top"></div>
+      <div class="tool-box">
+        <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/jobhunt/list')">
+          <div class="tool-img">
+            <img src="@/assets/icon/qzxx.png">
+          </div>
+          <div class="tool-title">求职人员<br/>信息收集</div>
+        </a>
+        <a class="tool-item box-line"  @click="router.push({path:'/tabs/tabMain/company/list',query:{reload:1}})">
+          <div class="tool-img">
+            <img src="@/assets/icon/qyxx.png">
+          </div>
+          <div class="tool-title">企业信息<br/>收集</div>
+        </a>
+        <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/post/recommend')">
+          <div class="tool-img">
+            <img src="@/assets/icon/gwtj.png">
+          </div>
+          <div class="tool-title">岗位推荐</div>
+        </a>
+        <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/work/log/list')">
+          <div class="tool-img">
+            <img src="@/assets/icon/gzrz.png">
+          </div>
+          <div class="tool-title">工作日志</div>
+        </a>
+        <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/work/task/list')">
+          <div class="tool-img">
+            <img src="@/assets/icon/gzrw.png">
+          </div>
+          <div class="tool-title">工作任务</div>
+        </a>
+       <a class="tool-item box-line"  @click="router.push('/tabs/tabMain/sitemap/index')">
+        <div class="tool-img">
+          <img src="@/assets/icon/map.png">
+        </div>
+        <div class="tool-title">驿站地图</div>
+       </a>
       </div>
+<!--      <div class="panel">
+        <div class="panel_title">
+          <div class="panel_title_text">工作任务安排</div>
+        </div>
+      </div>-->
     </div>
     </ion-content>
   </ion-page>
@@ -145,16 +189,26 @@ export default defineComponent({
 
 <style lang="less">
 .tab-main-content {
-  background-image: url("../../assets/icon/main-bg.png");
+  background-image: url("../../assets/icon/main_bg_2.png");
   width: 100%;
   height: 100%;
-  background-position: top;
   background-size: contain;
   background-repeat: no-repeat;
   background-color: #F5F5F5;
   background-attachment: local;
   overflow-y: auto;
   padding-bottom: 15px;
+  background-size: cover;
+
+  .main_top{
+    background-image: url("../../assets/icon/main_top_bg.png");
+    height: 150px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    margin: 80px 15px 10px 15px;
+    background-size: contain;
+    background-position: center;
+  }
 
   .main-title {
     font-size: 24px;
@@ -200,6 +254,19 @@ export default defineComponent({
       padding: 10px;
     }
   }
+
+  .panel_title{
+    background-image: url("../../assets/icon/panel_title_bg.png");
+    height: 40px;
+    background-repeat: no-repeat;
+    background-size: contain;
+    width: 200px;
+
+    .panel_title_text{
+
+    }
+  }
+
   .tool-box {
     display: flex;
     flex-wrap: wrap;
@@ -224,8 +291,8 @@ export default defineComponent({
         justify-content: center;
 
         img{
-          width: 42px;
-          height:42px;
+          width: 36px;
+          height:36px;
         }
       }