!2 navbar添加背景色

Merge pull request !2 from guopeiyu/guopeiyu
2 years ago · 42af1d83fd
parent 8d11f83d70 d3fc4183f0
commit 42af1d83fd
13 changed files with 96 additions and 34 deletions
--- 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"
          }
        }
      ]
--- 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;
  }
--- 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
--- 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
--- 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;
        }
      }
    }
--- 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
--- 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
--- 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,11 +63,18 @@
  
 </script>

-<style lang="scss">
-  page {
+<style lang="scss" scoped>
+.page {
  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);
+}
+
 .copyright {
  margin-top: 50rpx;
  text-align: center;
--- 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
      />
--- 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
      />
--- 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
      />
--- 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
      />
--- 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;