bulade-ui 1.0.1 → 1.0.2

package/miniprogram_dist/bld-nav-bar/index.js

@@ -98,7 +98,6 @@ var app = getApp();
 var deviceInfo = app.globalData.deviceInfo;
 var systemInfo = app.globalData.systemInfo;
 var menuButtonInfo = app.globalData.menuButtonDistance;
-
 var screenWidth = systemInfo.screenWidth;
 
 var statusBarHeight = systemInfo.statusBarHeight;
@@ -127,10 +126,15 @@ Component({
     showShare: {
       type: Boolean,
       value: false
+    },
+    textAlign: {
+      type: String,
+      value: "left"
     }
   },
   data: {
-    style: _baseStyle.join(";")
+    style: _baseStyle.join(";"),
+    titleStyle: ""
   },
   lifetimes: {
     ready: function ready() {
@@ -153,12 +157,35 @@ Component({
           style: _baseStyle.join(";")
         });
       }
+    },
+
+    goBack: function goBack(_goBack) {
+      var _this = this;
+
+      if (this.data.textAlign == "left") {
+        this.setData({
+          titleStyle: "justify-content: flex-start; padding-left: " + (12 - padding) * 2 + "rpx;"
+        });
+        return;
+      }
+
+      if (_goBack) {
+        this.createSelectorQuery().select(".operations").boundingClientRect(function (res) {
+          _this.setData({
+            titleStyle: "padding-left: " + (menuButtonInfo.width - padding - res.height) * 2 + "rpx"
+          });
+        }).exec();
+      } else {
+        this.setData({
+          titleStyle: "padding-left: " + (menuButtonInfo.width - padding) * 2 + "rpx"
+        });
+      }
     }
   },
   methods: {
     navigateHome: function navigateHome() {
       wx.switchTab({
-        url: "/pages/main/index"
+        url: "/pages/home/index"
       });
     },
     navigateBack: function navigateBack() {

package/miniprogram_dist/bld-nav-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/bld-nav-bar/index.js"],"names":["app","getApp","deviceInfo","globalData","systemInfo","menuButtonInfo","menuButtonDistance","screenWidth","statusBarHeight","gap","top","padding","right","_baseStyle","height","width","Component","externalClasses","options","multipleSlots","properties","bgColor","type","String","goBack","Boolean","value","showTitle","showShare","data","style","join","lifetimes","ready","totalHeight","triggerEvent","observers","_style","push","setData","methods","navigateHome","wx","switchTab","url","navigateBack","pages","getCurrentPages","length"],"mappings":";;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;AClFA,IAAMA,MAAMC,QAAZ;;AAEA,IAAMC,aAAaF,IAAIG,UAAJ,CAAeD,UAAlC;AACA,IAAME,aAAaJ,IAAIG,UAAJ,CAAeC,UAAlC;AACA,IAAMC,iBAAiBL,IAAIG,UAAJ,CAAeG,kBAAtC;;AAEA,IAAMC,cAAcH,WAAWG,WAA/B;;AAEA,IAAMC,kBAAkBJ,WAAWI,eAAnC;AACA,IAAMC,MAAMJ,eAAeK,GAAf,GAAqBF,eAAjC;AACA,IAAMG,UAAUJ,cAAcF,eAAeO,KAA7C;;AAEA,IAAMC,aAAa,mBACDR,eAAeK,GADd,8BAEED,GAFF,2BAGDJ,eAAeS,MAHd,sBAINT,eAAeS,MAJT,4BAKAH,OALA,8BAMCA,UAAU,CAAV,GAAcN,eAAeU,KAN9B,mCAOK,IAAIJ,OAAJ,GAAcN,eAAeU,KAPlC,UAAnB;;AAUAC,UAAU;AACRC,mBAAiB,CAAC,QAAD,CADT;AAERC,WAAS;AACPC,mBAAe,IADR,CACc;AADd,GAFD;AAKRC,cAAY;AACVC,aAAS;AACPC,YAAMC;AADC,KADC;AAIVC,YAAQ;AACNF,YAAMG,OADA;AAENC,aAAO;AAFD,KAJE;AAQVC,eAAW;AACTL,YAAMG,OADG;AAETC,aAAO;AAFE,KARD;AAYVE,eAAW;AACTN,YAAMG,OADG;AAETC,aAAO;AAFE;AAZD,GALJ;AAsBRG,QAAM;AACJC,WAAOjB,WAAWkB,IAAX,CAAgB,GAAhB;AADH,GAtBE;AAyBRC,aAAW;AACTC,SADS,mBACD;AACN,UAAMC,cAAc7B,eAAeK,GAAf,GAAqBL,eAAeS,MAApC,GAA6CL,GAAjE;;AAEA,WAAK0B,YAAL,CAAkB,eAAlB,EAAmCD,WAAnC;AACD;AALQ,GAzBH;AAgCRE,aAAW;AACTf,aAAS,iBAAUA,QAAV,EAAmB;AAC1B,UAAIA,QAAJ,EAAa;AACX,YAAMgB,mBAAaxB,UAAb,CAAN;;AAEAwB,eAAOC,IAAP,wBAAiCjB,QAAjC;AACA,aAAKkB,OAAL,CAAa;AACXT,iBAAOO,OAAON,IAAP,CAAY,GAAZ;AADI,SAAb;AAGD,OAPD,MAOO;AACL,aAAKQ,OAAL,CAAa;AACXT,iBAAOjB,WAAWkB,IAAX,CAAgB,GAAhB;AADI,SAAb;AAGD;AACF;AAdQ,GAhCH;AAgDRS,WAAS;AACPC,gBADO,0BACQ;AACbC,SAAGC,SAAH,CAAa;AACXC,aAAK;AADM,OAAb;AAGD,KALM;AAOPC,gBAPO,0BAOQ;AACb,UAAMC,QAAQC,iBAAd;;AAEA,UAAID,MAAME,MAAN,GAAe,CAAnB,EAAsB;AACpBN,WAAGG,YAAH;;AAEA;AACD;;AAED,WAAKJ,YAAL;AACD;AAjBM;AAhDD,CAAV,E","file":"bld-nav-bar/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 17);\n","const app = getApp();\n\nconst deviceInfo = app.globalData.deviceInfo;\nconst systemInfo = app.globalData.systemInfo;\nconst menuButtonInfo = app.globalData.menuButtonDistance;\n\nconst screenWidth = systemInfo.screenWidth;\n\nconst statusBarHeight = systemInfo.statusBarHeight;\nconst gap = menuButtonInfo.top - statusBarHeight;\nconst padding = screenWidth - menuButtonInfo.right;\n\nconst _baseStyle = [\n  `padding-top: ${menuButtonInfo.top}px`,\n  `padding-bottom: ${gap}px`,\n  `line-height: ${menuButtonInfo.height}px`,\n  `height: ${menuButtonInfo.height}px`,\n  `padding-left: ${padding}px`,\n  `padding-right: ${padding * 2 + menuButtonInfo.width}px`,\n  `width: calc(100% - ${3 * padding + menuButtonInfo.width}px)`,\n];\n\nComponent({\n  externalClasses: [\"iclass\"],\n  options: {\n    multipleSlots: true, // 在组件定义时的选项中启用多slot支持\n  },\n  properties: {\n    bgColor: {\n      type: String,\n    },\n    goBack: {\n      type: Boolean,\n      value: false,\n    },\n    showTitle: {\n      type: Boolean,\n      value: true,\n    },\n    showShare: {\n      type: Boolean,\n      value: false,\n    },\n  },\n  data: {\n    style: _baseStyle.join(\";\"),\n  },\n  lifetimes: {\n    ready() {\n      const totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;\n\n      this.triggerEvent(\"height-change\", totalHeight);\n    },\n  },\n  observers: {\n    bgColor: function (bgColor) {\n      if (bgColor) {\n        const _style = [..._baseStyle];\n\n        _style.push(`background-color: ${bgColor}`);\n        this.setData({\n          style: _style.join(\";\"),\n        });\n      } else {\n        this.setData({\n          style: _baseStyle.join(\";\"),\n        });\n      }\n    },\n  },\n  methods: {\n    navigateHome() {\n      wx.switchTab({\n        url: \"/pages/main/index\",\n      });\n    },\n\n    navigateBack() {\n      const pages = getCurrentPages();\n\n      if (pages.length > 1) {\n        wx.navigateBack();\n\n        return;\n      }\n\n      this.navigateHome();\n    },\n  },\n});\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/bld-nav-bar/index.js"],"names":["app","getApp","deviceInfo","globalData","systemInfo","menuButtonInfo","menuButtonDistance","screenWidth","statusBarHeight","gap","top","padding","right","_baseStyle","height","width","Component","externalClasses","options","multipleSlots","properties","bgColor","type","String","goBack","Boolean","value","showTitle","showShare","textAlign","data","style","join","titleStyle","lifetimes","ready","totalHeight","triggerEvent","observers","_style","push","setData","createSelectorQuery","select","boundingClientRect","res","exec","methods","navigateHome","wx","switchTab","url","navigateBack","pages","getCurrentPages","length"],"mappings":"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","file":"bld-nav-bar/index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 17);\n","const app = getApp();\n\nconst deviceInfo = app.globalData.deviceInfo;\nconst systemInfo = app.globalData.systemInfo;\nconst menuButtonInfo = app.globalData.menuButtonDistance;\nconst screenWidth = systemInfo.screenWidth;\n\nconst statusBarHeight = systemInfo.statusBarHeight;\nconst gap = menuButtonInfo.top - statusBarHeight;\nconst padding = screenWidth - menuButtonInfo.right;\n\nconst _baseStyle = [\n  `padding-top: ${menuButtonInfo.top}px`,\n  `padding-bottom: ${gap}px`,\n  `line-height: ${menuButtonInfo.height}px`,\n  `height: ${menuButtonInfo.height}px`,\n  `padding-left: ${padding}px`,\n  `padding-right: ${padding * 2 + menuButtonInfo.width}px`,\n  `width: calc(100% - ${3 * padding + menuButtonInfo.width}px)`,\n];\n\nComponent({\n  externalClasses: [\"iclass\"],\n  options: {\n    multipleSlots: true, // 在组件定义时的选项中启用多slot支持\n  },\n  properties: {\n    bgColor: {\n      type: String,\n    },\n    goBack: {\n      type: Boolean,\n      value: false,\n    },\n    showTitle: {\n      type: Boolean,\n      value: true,\n    },\n    showShare: {\n      type: Boolean,\n      value: false,\n    },\n    textAlign: {\n      type: String,\n      value: \"left\",\n    },\n  },\n  data: {\n    style: _baseStyle.join(\";\"),\n    titleStyle: \"\",\n  },\n  lifetimes: {\n    ready() {\n      const totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;\n\n      this.triggerEvent(\"height-change\", totalHeight);\n    },\n  },\n  observers: {\n    bgColor: function (bgColor) {\n      if (bgColor) {\n        const _style = [..._baseStyle];\n\n        _style.push(`background-color: ${bgColor}`);\n        this.setData({\n          style: _style.join(\";\"),\n        });\n      } else {\n        this.setData({\n          style: _baseStyle.join(\";\"),\n        });\n      }\n    },\n\n    goBack: function (goBack) {\n      if (this.data.textAlign == \"left\") {\n        this.setData({\n          titleStyle: `justify-content: flex-start; padding-left: ${(12 - padding) * 2}rpx;`,\n        });\n        return;\n      }\n\n      if (goBack) {\n        this.createSelectorQuery()\n          .select(\".operations\")\n          .boundingClientRect((res) => {\n            this.setData({\n              titleStyle: `padding-left: ${(menuButtonInfo.width - padding - res.height) * 2}rpx`,\n            });\n          })\n          .exec();\n      } else {\n        this.setData({\n          titleStyle: `padding-left: ${(menuButtonInfo.width - padding) * 2}rpx`,\n        });\n      }\n    },\n  },\n  methods: {\n    navigateHome() {\n      wx.switchTab({\n        url: \"/pages/home/index\",\n      });\n    },\n\n    navigateBack() {\n      const pages = getCurrentPages();\n\n      if (pages.length > 1) {\n        wx.navigateBack();\n\n        return;\n      }\n\n      this.navigateHome();\n    },\n  },\n});\n"],"sourceRoot":""}

package/miniprogram_dist/bld-nav-bar/index.wxml

@@ -11,7 +11,12 @@
       <bld-icon name="backward" />
     </view>
   </view>
-  <view class="title"> <slot wx:if="{{ showTitle }}" /> </view>
+  <view
+    class="title"
+    style="{{ titleStyle }}"
+  >
+    <slot wx:if="{{ showTitle }}" />
+  </view>
   <view class="operations right">
     <button
       wx:if="{{ showShare }}"

package/miniprogram_dist/bld-nav-bar/index.wxss

@@ -13,7 +13,7 @@
 .title {
   flex: 1;
   display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bulade-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "轻量、可靠的小程序 UI 组件库",
   "main": "miniprogram_dist/index.js",
   "scripts": {

package/src/bld-nav-bar/index.js

@@ -3,7 +3,6 @@ const app = getApp();
 const deviceInfo = app.globalData.deviceInfo;
 const systemInfo = app.globalData.systemInfo;
 const menuButtonInfo = app.globalData.menuButtonDistance;
-
 const screenWidth = systemInfo.screenWidth;
 
 const statusBarHeight = systemInfo.statusBarHeight;
@@ -41,9 +40,14 @@ Component({
       type: Boolean,
       value: false,
     },
+    textAlign: {
+      type: String,
+      value: "left",
+    },
   },
   data: {
     style: _baseStyle.join(";"),
+    titleStyle: "",
   },
   lifetimes: {
     ready() {
@@ -67,11 +71,35 @@ Component({
         });
       }
     },
+
+    goBack: function (goBack) {
+      if (this.data.textAlign == "left") {
+        this.setData({
+          titleStyle: `justify-content: flex-start; padding-left: ${(12 - padding) * 2}rpx;`,
+        });
+        return;
+      }
+
+      if (goBack) {
+        this.createSelectorQuery()
+          .select(".operations")
+          .boundingClientRect((res) => {
+            this.setData({
+              titleStyle: `padding-left: ${(menuButtonInfo.width - padding - res.height) * 2}rpx`,
+            });
+          })
+          .exec();
+      } else {
+        this.setData({
+          titleStyle: `padding-left: ${(menuButtonInfo.width - padding) * 2}rpx`,
+        });
+      }
+    },
   },
   methods: {
     navigateHome() {
       wx.switchTab({
-        url: "/pages/main/index",
+        url: "/pages/home/index",
       });
     },
 

package/src/bld-nav-bar/index.scss

@@ -13,7 +13,7 @@
 .title {
   flex: 1;
   display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 }
 
@@ -37,4 +37,4 @@
       margin-left: 12rpx;
     }
   }
-}
+}

package/src/bld-nav-bar/index.wxml

@@ -11,7 +11,12 @@
       <bld-icon name="backward" />
     </view>
   </view>
-  <view class="title"> <slot wx:if="{{ showTitle }}" /> </view>
+  <view
+    class="title"
+    style="{{ titleStyle }}"
+  >
+    <slot wx:if="{{ showTitle }}" />
+  </view>
   <view class="operations right">
     <button
       wx:if="{{ showShare }}"

package/src/bld-nav-bar/index.wxss

@@ -13,7 +13,7 @@
 .title {
   flex: 1;
   display: flex;
-  justify-content: flex-start;
+  justify-content: center;
   align-items: center;
 }
 

package/src/bld-nav-bar1/index.js

@@ -0,0 +1,90 @@
+const app = getApp();
+
+const deviceInfo = app.globalData.deviceInfo;
+const systemInfo = app.globalData.systemInfo;
+const menuButtonInfo = app.globalData.menuButtonDistance;
+
+const screenWidth = systemInfo.screenWidth;
+
+const statusBarHeight = systemInfo.statusBarHeight;
+const gap = menuButtonInfo.top - statusBarHeight;
+const padding = screenWidth - menuButtonInfo.right;
+
+const _baseStyle = [
+  `padding-top: ${menuButtonInfo.top}px`,
+  `padding-bottom: ${gap}px`,
+  `line-height: ${menuButtonInfo.height}px`,
+  `height: ${menuButtonInfo.height}px`,
+  `padding-left: ${padding}px`,
+  `padding-right: ${padding * 2 + menuButtonInfo.width}px`,
+  `width: calc(100% - ${3 * padding + menuButtonInfo.width}px)`,
+];
+
+Component({
+  externalClasses: ["iclass"],
+  options: {
+    multipleSlots: true, // 在组件定义时的选项中启用多slot支持
+  },
+  properties: {
+    bgColor: {
+      type: String,
+    },
+    goBack: {
+      type: Boolean,
+      value: false,
+    },
+    showTitle: {
+      type: Boolean,
+      value: true,
+    },
+    showShare: {
+      type: Boolean,
+      value: false,
+    },
+  },
+  data: {
+    style: _baseStyle.join(";"),
+  },
+  lifetimes: {
+    ready() {
+      const totalHeight = menuButtonInfo.top + menuButtonInfo.height + gap;
+
+      this.triggerEvent("height-change", totalHeight);
+    },
+  },
+  observers: {
+    bgColor: function (bgColor) {
+      if (bgColor) {
+        const _style = [..._baseStyle];
+
+        _style.push(`background-color: ${bgColor}`);
+        this.setData({
+          style: _style.join(";"),
+        });
+      } else {
+        this.setData({
+          style: _baseStyle.join(";"),
+        });
+      }
+    },
+  },
+  methods: {
+    navigateHome() {
+      wx.switchTab({
+        url: "/pages/main/index",
+      });
+    },
+
+    navigateBack() {
+      const pages = getCurrentPages();
+
+      if (pages.length > 1) {
+        wx.navigateBack();
+
+        return;
+      }
+
+      this.navigateHome();
+    },
+  },
+});

package/src/bld-nav-bar1/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "bld-icon": "../bld-icon/index"
+  }
+}

package/src/bld-nav-bar1/index.scss

@@ -0,0 +1,40 @@
+.nav-bar {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.operation {
+  background: rgba(255, 255, 255, 0.6);
+  border: 1rpx solid rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12rpx;
+  padding: 0;
+}
+
+.operations {
+  &.right {
+    .operation {
+      margin-right: 0;
+      margin-left: 12rpx;
+    }
+  }
+}

package/src/bld-nav-bar1/index.wxml

@@ -0,0 +1,24 @@
+<view
+  class="iclass nav-bar"
+  style="{{ style }}"
+>
+  <view class="operations">
+    <view
+      wx:if="{{ goBack }}"
+      class="operation"
+      bind:tap="navigateBack"
+    >
+      <bld-icon name="backward" />
+    </view>
+  </view>
+  <view class="title"> <slot wx:if="{{ showTitle }}" /> </view>
+  <view class="operations right">
+    <button
+      wx:if="{{ showShare }}"
+      class="operation"
+      open-type="share"
+    >
+      <bld-icon name="share" />
+    </button>
+  </view>
+</view>

package/src/bld-nav-bar1/index.wxss

@@ -0,0 +1,36 @@
+.nav-bar {
+  font-size: var(--font-size-lg);
+  font-weight: 500;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: fixed;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+}
+
+.title {
+  flex: 1;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+
+.operation {
+  background: rgba(255, 255, 255, 0.6);
+  border: 1rpx solid rgba(0, 0, 0, 0.1);
+  border-radius: 32rpx;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 12rpx;
+  padding: 0;
+}
+
+.operations.right .operation {
+  margin-right: 0;
+  margin-left: 12rpx;
+}