bulade-ui 1.1.21 → 1.1.23

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

@@ -1,43 +1,43 @@
-<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"
-    style="{{ titleStyle }}"
-  >
-    <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 wx:if="{{noticeText}}" class="notice-wrap"  style="top:{{ top }}px;">
-    <bld-notice-bar>
-      <view class="preifx" slot="preifx">
-        <bld-icon name="notice" size="32" color="#ed6a0c" />
-      </view>
-  
-      <view>{{noticeText}}</view>
-  
-      <view class="suffix" slot="suffix">
-        <bld-icon name="cross" size="32" color="#ed6a0c" />
-      </view>
-    </bld-notice-bar>
-  </view>
-
-</view>
+<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"
+    style="{{ titleStyle }}"
+  >
+    <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 wx:if="{{noticeText}}" class="notice-wrap"  style="top:{{ top }}px;">
+    <bld-notice-bar>
+      <view class="preifx" slot="preifx">
+        <bld-icon name="notice" size="32" color="#ed6a0c" />
+      </view>
+  
+      <view>{{noticeText}}</view>
+  
+      <view class="suffix" slot="suffix">
+        <bld-icon name="cross" size="32" color="#ed6a0c" />
+      </view>
+    </bld-notice-bar>
+  </view>
+
+</view>

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

@@ -1,46 +1,46 @@
-.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: center;
-  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;
-}
-
-.notice-wrap {
-  position: fixed;
-  width: 750rpx;
-  left: 0;
-}
-
-.preifx, .suffix {
-  padding: 0 6rpx;
+.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: center;
+  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;
+}
+
+.notice-wrap {
+  position: fixed;
+  width: 750rpx;
+  left: 0;
+}
+
+.preifx, .suffix {
+  padding: 0 6rpx;
 }

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

@@ -1,90 +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();
-    },
-  },
-});
+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

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

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

@@ -1,40 +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;
-    }
-  }
+.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

@@ -1,24 +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>
+<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

@@ -1,36 +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;
+.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;
 }