加入头部

src/components/navBar/index.vue

@@ -75,6 +75,8 @@ const back = () => {
     position: sticky;
     top: 0;
     z-index: 999999;
+
+    // background: green;
     transition: background-color 0.5s;
 
     // box-sizing: border-box;
@@ -90,13 +92,13 @@ const back = () => {
         display: flex;
         align-items: center;
         width: 100%;
-
-        // height: 80rpx;
+        min-height: 70rpx;
 
         // margin: 0 auto;
 
         // background: red;
         // border-radius: 16rpx;
+        // background-color: red;
         opacity: 0.8;
 
         // transform: translateX(-50%);
@@ -105,17 +107,19 @@ const back = () => {
             height: 24rpx;
         }
         .icon {
-            // left: 10rpx;
             position: absolute;
+            left: 16rpx;
             font-size: 28rpx;
         }
         .title {
             display: inline-block;
             margin: 0 auto;
-            font-family: "PingFang SC";
+
+            // font-family: "PingFang SC";
 
             // width: 100%;
-            font-size: 36rpx;
+            font-size: 32rpx;
+            font-weight: bold;
         }
     }
 }

src/pages.json

@@ -16,7 +16,8 @@
         {
             "path": "pages/messageList/index",
             "style": {
-                "navigationBarTitleText": "消息"
+                "navigationBarTitleText": "消息",
+                "navigationStyle": "custom"
             }
         },
         {
@@ -29,73 +30,85 @@
         {
             "path": "pages/dynamic/index",
             "style": {
-                "navigationBarTitleText": "动态"
+                "navigationBarTitleText": "动态",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/policy/index",
             "style": {
-                "navigationBarTitleText": "政策"
+                "navigationBarTitleText": "政策",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/articleDetails/index",
             "style": {
-                "navigationBarTitleText": "文章详情"
+                "navigationBarTitleText": "文章详情",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/index",
             "style": {
-                "navigationBarTitleText": "我的简历"
+                "navigationBarTitleText": "我的简历",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/essentialInformation/index",
             "style": {
-                "navigationBarTitleText": "基本信息"
+                "navigationBarTitleText": "基本信息",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/realNameAuthentication/index",
             "style": {
-                "navigationBarTitleText": "实名认证"
+                "navigationBarTitleText": "实名认证",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/introduce/index",
             "style": {
-                "navigationBarTitleText": "个人优势"
+                "navigationBarTitleText": "个人优势",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/jobIntention/index",
             "style": {
-                "navigationBarTitleText": "求职意向"
+                "navigationBarTitleText": "求职意向",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/workExperience/index",
             "style": {
-                "navigationBarTitleText": "工作经历"
+                "navigationBarTitleText": "工作经历",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/resume/educationExperience/index",
             "style": {
-                "navigationBarTitleText": "教育经历"
+                "navigationBarTitleText": "教育经历",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/postionList/demandRegistration/index",
             "style": {
-                "navigationBarTitleText": "需求登记"
+                "navigationBarTitleText": "需求登记",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/postionList/platformList/index",
             "style": {
-                "navigationBarTitleText": "第三方平台列表"
+                "navigationBarTitleText": "第三方平台列表",
+                "navigationStyle": "custom"
             }
         },
         {
@@ -103,31 +116,36 @@
             "style": {
                 "navigationBarTitleText": "公司简介",
                 "navigationBarBackgroundColor": "#1D2C3E",
-                "navigationBarTextStyle": "white"
+                "navigationBarTextStyle": "white",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/deliveryFeedback/index",
             "style": {
-                "navigationBarTitleText": "投递反馈"
+                "navigationBarTitleText": "投递反馈",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/myDelivery/index",
             "style": {
-                "navigationBarTitleText": "我的投递"
+                "navigationBarTitleText": "我的投递",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/postionList/trap/index",
             "style": {
-                "navigationBarTitleText": "求职陷阱"
+                "navigationBarTitleText": "求职陷阱",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/postionList/positionDetails/index",
             "style": {
-                "navigationBarTitleText": "职位详情"
+                "navigationBarTitleText": "职位详情",
+                "navigationStyle": "custom"
             }
         },
         {
@@ -151,19 +169,22 @@
         {
             "path": "pages/user/feedBack/feedBackRecord/feedBackRecord",
             "style": {
-                "navigationBarTitleText": "记录"
+                "navigationBarTitleText": "记录",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/feedBack/feedBackWait/feedBackWiat",
             "style": {
-                "navigationBarTitleText": "投诉建议"
+                "navigationBarTitleText": "投诉建议",
+                "navigationStyle": "custom"
             }
         },
         {
             "path": "pages/user/feedBack/feedBackReplied/feedBackReplied",
             "style": {
-                "navigationBarTitleText": "投诉建议"
+                "navigationBarTitleText": "投诉建议",
+                "navigationStyle": "custom"
             }
         }
     ],

src/pages/articleDetails/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" title="文章详情"></NavBar>
     <div class="page">
         <div class="top">
             <video :src="evn.APP_IMAGE_BASE_API + data.videoPath" v-if="data.infoType === 2"></video>

src/pages/dynamic/index.vue

 <template>
+    <NavBar :showIcon="false" backgroundBox="#ffffff" :showTitle="true" title="动态"></NavBar>
     <div class="policy">
         <div class="tab-name" :enable-flex="true" :scroll-x="true">
             <view :class="{ item: 1, active: active == v.id }" v-for="v in typeList" :key="v.id" @click="changeType(v)">{{

src/pages/messageList/index.vue

 <template>
+    <NavBar :showIcon="false" backgroundBox="#ffffff" :showTitle="true" title="消息"></NavBar>
     <div class="message-list">
         <scroll-view :scroll-y="true" @scrolltolower="getList">
             <view class="system">

src/pages/policy/index.vue

 <template>
+    <NavBar :showIcon="false" backgroundBox="#ffffff" :showTitle="true" title="政策"></NavBar>
     <div class="policy">
         <div class="tab-name" :enable-flex="true" :scroll-x="true">
             <view :class="{ item: 1, active: active == v.id }" v-for="v in typeList" :key="v.id" @click="changeType(v)">{{

src/pages/postionList/demandRegistration/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" title="需求登记"></NavBar>
     <div class="page">
         <scroll-view scroll-y="{{true}}" @scrolltolower="getData">
             <view class="item" v-for="(item, index) in list" :key="item.id">

src/pages/postionList/platformList/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" :title="title"></NavBar>
     <div class="page">
         <view class="search-form">
             <image class="search-icon" src="@/static/image/icon/search.png"></image>
@@ -21,11 +22,12 @@
 
 <script setup>
 import { getPlatformPageList } from "@/api/postion.js";
-import { reactive } from "vue";
+import { reactive, ref } from "vue";
 import evn from "@/utils/config.js";
 let type = 1;
 let pageNo = 1;
 const platformList = reactive([]);
+const title = ref("");
 const getData = () => {
     getPlatformPageList({
         type,
@@ -37,6 +39,7 @@ const getData = () => {
     });
 };
 onLoad(opstion => {
+    title.value = opstion.type;
     console.log(opstion);
     if (opstion.type == "零工专区") {
         type = 1;

src/pages/postionList/trap/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" title="求职陷阱"></NavBar>
     <div class="trap">
         <scroll-view :scroll-y="true" class="content" @scrolltolower="getData()">
             <article-list :list="list"></article-list>

src/pages/user/resume/index.vue

 <template>
+    <NavBar :showIcon="true" backgroundBox="#ffffff" :showTitle="true" title="我的简历"></NavBar>
     <div class="resume-page">
         <!-- 个人信息 -->
         <view class="user-info flex-between" @click="navigateTo('/pages/user/resume/essentialInformation/index')">