组建优化

packages/components/BottomTab/tab-button.vue

@@ -101,18 +101,18 @@ export default {
           width: 0px;
         }
       }
-      &.disable {
-        color: rgba(0, 0, 0, .3) !important;
-        background-color: #e6e6e6 !important;
-        box-shadow: none !important;
-        cursor: not-allowed !important;
+/*      &.disable {
+        color: rgba(0, 0, 0, .3);
+        background-color: #e6e6e6;
+        box-shadow: none;
+        cursor: not-allowed;
         div {
-          color: rgba(0, 0, 0, .3) !important;
-          background-color: #e6e6e6 !important;
-          box-shadow: none !important;
-          cursor: not-allowed !important;
-        }
+          color: rgba(0, 0, 0, .3);
+          background-color: #e6e6e6;
+          box-shadow: none;
+          cursor: not-allowed;
         }
+      }*/
     }
   }
 

packages/components/STab/index.vue

@@ -84,7 +84,7 @@ export default {
   watch: {
     value (value) {
       if (value > this.count - 1) {
-        throw 'tab index out of bound exception'
+        throw Error('tab index out of bound exception')
       } else {
         this.defaultActive === value
         // this.setTabActive(value)
@@ -94,7 +94,7 @@ export default {
   mounted () {
     let vm = this
     if (vm.value > vm.count - 1) {
-      throw 'tab index out of bound exception'
+      throw Error('tab index out of bound exception')
     } else {
       vm.setTabActive(vm.value)
     }

packages/components/Scroll/Bubble/index.vue

@@ -12,7 +12,7 @@ export default {
   },
   data () {
     return {
-      width: 50,
+      width: 40,
       height: 60,
     }
   },
@@ -33,15 +33,15 @@ export default {
     this.ratio = 1
     this.width *= this.ratio
     this.height *= this.ratio
-    this.initRadius = 11 * this.ratio // 外面阴影
-    this.minHeadRadius = 12 * this.ratio
-    this.minTailRadius = 5 * this.ratio
+    this.initRadius = 10 * this.ratio // 外面阴影
+    this.minHeadRadius = 10 * this.ratio
+    this.minTailRadius = 4 * this.ratio
     this.initArrowRadius = 6 * this.ratio // 里面的刷新
     this.minArrowRadius = 6 * this.ratio
     this.arrowWidth = 3 * this.ratio
-    this.maxDistance = 40 * this.ratio
-    this.initCenterX = 25 * this.ratio
-    this.initCenterY = 25 * this.ratio
+    this.maxDistance = 30 * this.ratio
+    this.initCenterX = 20 * this.ratio
+    this.initCenterY = 20 * this.ratio
     this.headCenter = {
       x: this.initCenterX,
       y: this.initCenterY,

packages/components/Scroll/index.vue

@@ -114,8 +114,8 @@ export default {
       // 下拉刷新配置
       type: Object,
       default: () => ({
-        threshold: 40, // 触发 pullingDown 的距离
-        stop: 20, // pullingDown 正在刷新 hold 时的距离
+        threshold: 45, // 触发 pullingDown 的距离
+        stop: 30, // pullingDown 正在刷新 hold 时的距离
         txt: '刷新成功',
       }),
     },
@@ -341,12 +341,18 @@ export default {
     _initPullDown () {
       let vm = this
       this.scroll.on('pullingDown', () => {
+        // if (this.pullUpFinally) {
+        // this.pullDownBefore = false
+        //  vm.scroll.closePullDown()
+        // this.pullDownNow = false
+        // } else {
         this.pullDownBefore = false
         this.pullDownNow = true
         setTimeout(function () {
           vm.$emit('pullingDown')
           vm.scroll.closePullDown() // 防止在 bounce 前二次触发
-        }, 100)
+        }, 150)
+        // }
       })
 
       this.scroll.on('scroll', pos => {
@@ -529,6 +535,11 @@ export default {
     }
   }
    .platform-ios{
+     .vue-better-scroll{
+       &__pulldown {
+         padding-top:4px
+       }
+     }
      .has-footer {
        .vue-better-scroll__wrapper {
           padding-bottom: 1rem;
@@ -538,6 +549,11 @@ export default {
   // iPhoneX适配
   @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
     .platform-ios {
+      .vue-better-scroll{
+        &__pulldown {
+          padding-top:24px
+        }
+      }
       .has-footer {
         .vue-better-scroll__wrapper {
           padding-bottom: 1.8rem;
@@ -549,6 +565,11 @@ export default {
   // iPhoneX Max适配
   @media (device-width: 414px) and (device-height: 896px)  {
     .platform-ios {
+      .vue-better-scroll{
+        &__pulldown {
+          padding-top:24px
+        }
+      }
       .has-footer {
         .vue-better-scroll__wrapper {
           padding-bottom: 1.8rem;

src/components/return.vue

@@ -5,14 +5,19 @@
 
 <template>
   <div class="h-header-btn">
+    <slot :back="back" :$index="1" name="back">
       <i class="ion-ios-arrow-back"/>
+    </slot>
   </div>
 </template>
 <script>
 export default {
   data () {
     return {
-
+      back: {
+        data: '返回',
+        index: 3,
+      },
     }
   },
   methods: {

src/pages/BottomTab/demo.vue

@@ -10,8 +10,8 @@
       <div slot="center">BottomTab</div>
     </h-header>
     <bottom-tab :showDivider="true">
-      <tab-button>返回</tab-button>
-      <tab-button>退出<img src="@/assets/image/warning@2x.png"></tab-button>
+      <tab-button disable>返回</tab-button>
+      <tab-button disable>退出<img src="@/assets/image/warning@2x.png"></tab-button>
     </bottom-tab>
   </h-view>
 </template>

src/pages/hlsPopup.vue

 <template>
   <h-view class="public-style hls-popup" style="height: 100%" title="封装测试">
     <h-header class="bar-custom">
-      <h-return slot="left" @click.native="$routeGo()"/>
+      <h-return slot="left" @click.native="$routeGo()">
+        <template slot="back" slot-scope="{back,$index}">
+          <p>{{ back.index }}</p>
+          <p>{{ $index }}</p>
+        </template>
+      </h-return>
       <div slot="center">封装测试</div>
       <div slot="right" class="h-header-btn">
         操作
@@ -257,8 +262,12 @@
     <h-modal ref="modal" v-model="showModalValue" position="bottom" class="sign-modal">
       <h-view>
         <h-header style="height: 43px !important;padding-top:0px">
-          <div slot="left" class="h-header-btn">确定</div>
-          <div slot="right" class="h-header-btn">清除</div>
+          <template #left>
+            <div class="h-header-btn">确定</div>
+          </template>
+          <template #right>
+            <div class="h-header-btn">清除</div>
+          </template>
         </h-header>
         <h-content :cal-content="false">
           <div id="draw" class="draw"/>