瀏覽代碼

feat: 自定义头部

zhangyuhan 1 年之前
父節點
當前提交
c76335030e
共有 2 個文件被更改,包括 23 次插入0 次删除
  1. 1 0
      src/pages/tabbar/home/index.config.js
  2. 22 0
      src/pages/tabbar/home/index.vue

+ 1 - 0
src/pages/tabbar/home/index.config.js

@@ -1,5 +1,6 @@
 export default definePageConfig({
   navigationBarTitleText: '订阅',
+  "navigationStyle": "custom",
   "navigationBarBackgroundColor": "#2ABED1",
   usingComponents: {
     "van-sticky-weapp": "@/vant/sticky/index",

+ 22 - 0
src/pages/tabbar/home/index.vue

@@ -1,5 +1,9 @@
 <template>
   <div class="must-page-class-name home-page">
+    <div class="top-logo-container">
+      <img class="top-logo-img" src="https://cdn-common.jianyu360.com/cdn/assets/mini-app/images/logo/wy.png" alt="">
+      <span>实时招标</span>
+    </div>
     <SearchResultList :area="showArea" ref="list" @top="goSearch"></SearchResultList>
     <van-popup
       class="popup-select-area"
@@ -94,6 +98,23 @@ export default {
   background-color: #f5f5f5;
   height: 100%;
 
+  .top-logo-container {
+    background-color: $main;
+    padding-top: 64px;
+    padding-left: 32px;
+    font-size: 24px;
+    color: #fff;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .top-logo-img {
+      width: 32px;
+      height: 32px;
+      margin-right: 16px;
+    }
+  }
+
   .hd-search-group {
     background-color: #2ABED1;
   }
@@ -112,6 +133,7 @@ export default {
   }
 
   .popup-select-area {
+    z-index: 10001 !important;
     height: 200px;
 
     .p-title {