fix(Notify): incorrect safe area (#2044)

example/pages/notify/index.js

@@ -27,9 +27,5 @@ Page({
       type,
       message: '通知内容'
     });
-  },
-
-  onClickLeft() {
-    wx.navigateBack();
   }
 });

example/pages/notify/index.json

@@ -1,4 +1,3 @@
 {
-  "navigationBarTitleText": "Notify 消息通知",
+  "navigationBarTitleText": "Notify 消息通知"
-  "navigationStyle": "custom"
 }

example/pages/notify/index.wxml

@@ -1,10 +1,3 @@
-<van-nav-bar
-  title="Notify 消息通知"
-  left-text="返回"
-  left-arrow
-  bind:click-left="onClickLeft"
-/>
-
 <demo-block padding title="基础用法">
   <van-button type="danger" bind:click="showNotify">基础用法</van-button>
 </demo-block>

packages/notify/index.less

@@ -11,10 +11,6 @@
   text-align: center;
   word-break: break-all;
 
-  &__safe-top {
-    height: @nav-bar-height;
-  }
-
   &--primary {
     background-color: @notify-primary-background-color;
   }

packages/notify/index.ts

@@ -8,16 +8,16 @@ VantComponent({
   mixins: [safeArea()],
 
   props: {
+    message: String,
+    background: String,
     type: {
       type: String,
       value: 'danger'
     },
-    message: String,
     color: {
       type: String,
       value: WHITE
     },
-    background: String,
     duration: {
       type: Number,
       value: 3000

packages/notify/index.wxml

@@ -5,7 +5,7 @@
   custom-style="background:{{ background }}; color: {{ color }}; z-index: {{ zIndex }};"
 >
   <view bind:tap="onTap">
-    <view wx:if="{{ safeAreaInsetTop }}" class="van-notify__safe-top" style="padding-top: {{ statusBarHeight }}px"></view>
+    <view wx:if="{{ safeAreaInsetTop }}" style="padding-top: {{ statusBarHeight }}px"></view>
     {{ message }}
   </view>
 </van-transition>

packages/notify/notify.ts

@@ -23,6 +23,7 @@ const defaultOptions = {
   duration: 3000,
   zIndex: 110,
   color: WHITE,
+  safeAreaInsetTop: false,
   onClick: () => {},
   onOpened: () => {},
   onClose: () => {}