style: common tag view-block

src/packages/pullrefresh/index.scss

@@ -1,7 +1,3 @@
-view {
-  display: block;
-}
-
 .nut-pullrefresh {
   position: relative;
   height: 100%;

src/packages/pullrefresh/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view
+  <view-block
     class="nut-pullrefresh"
     ref="scroller"
     :style="getStyle"
@@ -7,18 +7,18 @@
     @touchmove="touchMove"
     @touchend="touchEnd"
   >
-    <view
+    <view-block
       class="pullrefresh-top"
       :class="
         direction == 'horizontal' ? 'pullrefresh-top-h' : 'pullrefresh-top-v'
       "
-      >{{ refreshTopTem }}</view
+      >{{ refreshTopTem }}</view-block
     >
-    <view class="pullrefresh-content" ref="pull">
+    <view-block class="pullrefresh-content" ref="pull">
       <slot></slot>
-    </view>
+    </view-block>
 
-    <view
+    <view-block
       class="pullrefresh-bottom"
       :class="
         direction == 'horizontal'
@@ -26,9 +26,9 @@
           : 'pullrefresh-bottom-v'
       "
       :style="getBottomStyle"
-      >{{ refreshBottomTem }}</view
+      >{{ refreshBottomTem }}</view-block
     >
-  </view>
+  </view-block>
 </template>
 
 <script lang="ts">

src/styles/variables.scss

@@ -181,3 +181,10 @@ $notify-warning-background-color: linear-gradient(
   rgba(255, 93, 13, 1) 0%,
   rgba(255, 154, 13, 1) 100%
 );
+
+view {
+  display: inline-block;
+}
+view-block {
+  display: block;
+}