From d3fc4183f0d888e5bc96c296005d5b6c99567328 Mon Sep 17 00:00:00 2001
From: sunshine <1467939124@qq.com>
Date: Mon, 22 Jul 2024 14:31:58 +0800
Subject: [PATCH] =?UTF-8?q?navbar=E6=B7=BB=E5=8A=A0=E8=83=8C=E6=99=AF?=
 =?UTF-8?q?=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                         |  6 +--
 src/pages/common/textview/index.vue    | 22 ++++++++++-
 src/pages/index.vue                    |  1 +
 src/pages/login.vue                    |  1 +
 src/pages/mine.vue                     | 12 +++---
 src/pages/report.vue                   |  1 +
 src/pages/work.vue                     |  1 +
 src/pages_mine/pages/about/index.vue   | 54 ++++++++++++++++++--------
 src/pages_mine/pages/help/index.vue    |  2 +-
 src/pages_mine/pages/info/edit.vue     |  4 +-
 src/pages_mine/pages/info/index.vue    |  2 +-
 src/pages_mine/pages/pwd/index.vue     |  4 +-
 src/pages_mine/pages/setting/index.vue | 20 ++++++++++
 13 files changed, 96 insertions(+), 34 deletions(-)

diff --git a/src/pages.json b/src/pages.json
index 04bc267..a65aec6 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -48,7 +48,7 @@
     {
       "path": "pages/common/textview/index",
       "style": {
-        "navigationBarTitleText": "浏览文本"
+        "navigationStyle": "custom"
       }
     },
     {
@@ -137,7 +137,7 @@
         {
           "path": "setting/index",
           "style": {
-            "navigationBarTitleText": "应用设置"
+            "navigationStyle": "custom"
           }
         },
         {
@@ -149,7 +149,7 @@
         {
           "path": "about/index",
           "style": {
-            "navigationBarTitleText": "关于我们"
+            "navigationStyle": "custom"
           }
         }
       ]
diff --git a/src/pages/common/textview/index.vue b/src/pages/common/textview/index.vue
index e9b05fb..c499750 100644
--- a/src/pages/common/textview/index.vue
+++ b/src/pages/common/textview/index.vue
@@ -1,5 +1,18 @@
 <template>
   <view>
+    <u-sticky
+        class="sticky"
+        :custom-nav-height="0"
+    >
+      <u-navbar
+          :title="title"
+          bg-color="transparent"
+          :auto-back="true"
+          :title-style="{ fontWeight: 'bold' }"
+          safe-area-inset-top
+          placeholder
+      />
+    </u-sticky>
     <uni-card class="view-title" :title="title">
       <text class="uni-body view-content">{{ content }}</text>
     </uni-card>
@@ -24,11 +37,16 @@
   }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
   page {
     background-color: #ffffff;
   }
-
+  .sticky {
+    background: linear-gradient(180deg, #d4e9ff 0%, #f3f9ff 100%);
+    backdrop-filter: blur(27.18px);
+    box-shadow: 0 1px 1px 0 rgba(0, 72, 145, 0.1),
+    0 0.5px 0 0 rgba(0, 0, 0, 0.1);
+  }
   .view-title {
     font-weight: bold;
   }
diff --git a/src/pages/index.vue b/src/pages/index.vue
index fd47b28..702de6e 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -8,6 +8,7 @@
           title="生产计划"
           bg-color="transparent"
           :auto-back="false"
+          :title-style="{ fontWeight: 'bold' }"
           left-icon=""
           safe-area-inset-top
           placeholder
diff --git a/src/pages/login.vue b/src/pages/login.vue
index e1548ff..8839a34 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -7,6 +7,7 @@
       <u-navbar
           title="登录"
           bg-color="transparent"
+          :title-style="{ fontWeight: 'bold' }"
           :auto-back="false"
           left-icon=""
           safe-area-inset-top
diff --git a/src/pages/mine.vue b/src/pages/mine.vue
index 142fb37..142a978 100644
--- a/src/pages/mine.vue
+++ b/src/pages/mine.vue
@@ -8,7 +8,8 @@
           title="个人中心"
           bg-color="transparent"
           :auto-back="false"
-          left-icon=""
+          :left-icon="''"
+          :title-style="{ fontWeight: 'bold' }"
           safe-area-inset-top
           placeholder
       />
@@ -180,8 +181,8 @@ function handleBuilding() {
 
 </script>
 
-<style lang="scss">
-page {
+<style lang="scss" scoped>
+.page {
   background-color: #f5f6f7;
 }
 .sticky {
@@ -194,7 +195,6 @@ page {
   width: 100%;
   height: 100%;
 
-
   .header-section {
     margin: 10rpx;
     padding: 40rpx 10rpx 80rpx 0;
@@ -235,7 +235,7 @@ page {
 
     .mine-actions {
       margin: 15px 15px;
-      padding: 20px 0px;
+      padding: 20px 0;
       border-radius: 8px;
       background-color: white;
 
@@ -247,7 +247,7 @@ page {
         .text {
           display: block;
           font-size: 13px;
-          margin: 8px 0px;
+          margin: 8px 0;
         }
       }
     }
diff --git a/src/pages/report.vue b/src/pages/report.vue
index 53cbb7d..19c5c33 100644
--- a/src/pages/report.vue
+++ b/src/pages/report.vue
@@ -7,6 +7,7 @@
       <u-navbar
           title="生产报工"
           bg-color="transparent"
+          :title-style="{ fontWeight: 'bold' }"
           :auto-back="false"
           left-icon=""
           safe-area-inset-top
diff --git a/src/pages/work.vue b/src/pages/work.vue
index 1062fa8..c7b9062 100644
--- a/src/pages/work.vue
+++ b/src/pages/work.vue
@@ -7,6 +7,7 @@
       <u-navbar
           title="近三天投料"
           bg-color="transparent"
+          :title-style="{ fontWeight: 'bold' }"
           :auto-back="false"
           left-icon=""
           safe-area-inset-top
diff --git a/src/pages_mine/pages/about/index.vue b/src/pages_mine/pages/about/index.vue
index bfbe4fc..860e299 100644
--- a/src/pages_mine/pages/about/index.vue
+++ b/src/pages_mine/pages/about/index.vue
@@ -1,5 +1,18 @@
 <template>
-  <view class="about-container">
+  <view>
+    <u-sticky
+        class="sticky"
+        :custom-nav-height="0"
+    >
+      <u-navbar
+          title="关于我们"
+          bg-color="transparent"
+          :auto-back="true"
+          :title-style="{ fontWeight: 'bold' }"
+          safe-area-inset-top
+          placeholder
+      />
+    </u-sticky>
     <view class="header-section text-center">
       <image style="width: 150rpx;height: 150rpx;" src="/static/logo.png" mode="widthFix">
       </image>
@@ -50,22 +63,29 @@
   
 </script>
 
-<style lang="scss">
-  page {
-    background-color: #f8f8f8;
-  }
+<style lang="scss" scoped>
+.page {
+  background-color: #f8f8f8;
+}
 
-  .copyright {
-    margin-top: 50rpx;
-    text-align: center;
-    line-height: 60rpx;
-    color: #999;
-  }
+.sticky {
+  background: linear-gradient(180deg, #d4e9ff 0%, #f3f9ff 100%);
+  backdrop-filter: blur(27.18px);
+  box-shadow: 0 1px 1px 0 rgba(0, 72, 145, 0.1),
+  0 0.5px 0 0 rgba(0, 0, 0, 0.1);
+}
 
-  .header-section {
-    display: flex;
-    padding: 30rpx 0 0;
-    flex-direction: column;
-    align-items: center;
-  }
+.copyright {
+  margin-top: 50rpx;
+  text-align: center;
+  line-height: 60rpx;
+  color: #999;
+}
+
+.header-section {
+  display: flex;
+  padding: 30rpx 0 0;
+  flex-direction: column;
+  align-items: center;
+}
 </style>
diff --git a/src/pages_mine/pages/help/index.vue b/src/pages_mine/pages/help/index.vue
index 4544c77..52fa15e 100644
--- a/src/pages_mine/pages/help/index.vue
+++ b/src/pages_mine/pages/help/index.vue
@@ -8,7 +8,7 @@
           title="常见问题"
           bg-color="transparent"
           :auto-back="true"
-          left-icon=""
+          :title-style="{ fontWeight: 'bold' }"
           safe-area-inset-top
           placeholder
       />
diff --git a/src/pages_mine/pages/info/edit.vue b/src/pages_mine/pages/info/edit.vue
index 504b3ef..9e7fea7 100644
--- a/src/pages_mine/pages/info/edit.vue
+++ b/src/pages_mine/pages/info/edit.vue
@@ -7,8 +7,8 @@
       <u-navbar
           title="编辑资料"
           bg-color="transparent"
-          :auto-back="false"
-          left-icon=""
+          :auto-back="true"
+          :title-style="{ fontWeight: 'bold' }"
           safe-area-inset-top
           placeholder
       />
diff --git a/src/pages_mine/pages/info/index.vue b/src/pages_mine/pages/info/index.vue
index 2432fd2..6a06e3b 100644
--- a/src/pages_mine/pages/info/index.vue
+++ b/src/pages_mine/pages/info/index.vue
@@ -8,7 +8,7 @@
           title="个人信息"
           bg-color="transparent"
           :auto-back="true"
-          left-icon=""
+          :title-style="{ fontWeight: 'bold' }"
           safe-area-inset-top
           placeholder
       />
diff --git a/src/pages_mine/pages/pwd/index.vue b/src/pages_mine/pages/pwd/index.vue
index 6ef96e0..059fb2d 100644
--- a/src/pages_mine/pages/pwd/index.vue
+++ b/src/pages_mine/pages/pwd/index.vue
@@ -7,8 +7,8 @@
       <u-navbar
           title="修改密码"
           bg-color="transparent"
-          :auto-back="false"
-          left-icon=""
+          :auto-back="true"
+          :title-style="{ fontWeight: 'bold' }"
           safe-area-inset-top
           placeholder
       />
diff --git a/src/pages_mine/pages/setting/index.vue b/src/pages_mine/pages/setting/index.vue
index a909b00..05b53d6 100644
--- a/src/pages_mine/pages/setting/index.vue
+++ b/src/pages_mine/pages/setting/index.vue
@@ -1,5 +1,18 @@
 <template>
   <view class="setting-container" :style="{ height: `${windowHeight}px` }">
+    <u-sticky
+        class="sticky"
+        :custom-nav-height="0"
+    >
+      <u-navbar
+          title="应用设置"
+          bg-color="transparent"
+          :auto-back="true"
+          :title-style="{ fontWeight: 'bold' }"
+          safe-area-inset-top
+          placeholder
+      />
+    </u-sticky>
     <view class="menu-list">
       <view class="list-cell list-cell-arrow" @click="handleToPwd">
         <view class="menu-item-box">
@@ -89,6 +102,13 @@ function dialogClose() {
   background-color: #f8f8f8;
 }
 
+.sticky {
+  background: linear-gradient(180deg, #d4e9ff 0%, #f3f9ff 100%);
+  backdrop-filter: blur(27.18px);
+  box-shadow: 0 1px 1px 0 rgba(0, 72, 145, 0.1),
+  0 0.5px 0 0 rgba(0, 0, 0, 0.1);
+}
+
 .item-box {
   background-color: #FFFFFF;
   margin: 30rpx;