bulade-ui 1.1.37 → 1.1.38

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

@@ -12,10 +12,10 @@
     </view>
   </view>
   <view
-    class="title"
+    class="title {{ showTitle ?'showTitle':'' }}"
     style="{{ titleStyle }}"
   >
-    <slot wx:if="{{ showTitle }}" />
+    <slot />
   </view>
   <view class="operations right">
     <button

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

@@ -15,6 +15,12 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: opacity 0.3s ease-in-out;
+  opacity: 0;
+}
+
+.showTitle {
+  opacity: 1;
 }
 
 .operation {

package/package.json

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

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

@@ -15,8 +15,15 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: opacity .3s ease-in-out;
+  // transition: opacity .5s ease-in-out;
+  opacity: 0;
+  // transform: translateY(-700%);
+}
+.showTitle{
+  opacity: 1;
+  // transform: translateY(0);
 }
-
 .operation {
   background: rgba(255, 255, 255, 0.6);
   border: 1rpx solid rgba(0, 0, 0, 0.1);

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

@@ -12,10 +12,10 @@
     </view>
   </view>
   <view
-    class="title"
+    class="title {{ showTitle ?'showTitle':'' }}"
     style="{{ titleStyle }}"
   >
-    <slot wx:if="{{ showTitle }}" />
+    <slot />
   </view>
   <view class="operations right">
     <button

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

@@ -15,6 +15,12 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  transition: opacity 0.3s ease-in-out;
+  opacity: 0;
+}
+
+.showTitle {
+  opacity: 1;
 }
 
 .operation {