keyboard

packages/components/NumberKeyboard/index.vue

@@ -315,10 +315,15 @@ export default {
   methods: {
     closeKeyboard () {
       let vm = this
-      this.show = false
       let wrapper = document.querySelector('[vum-show-keyborad]')
       if (wrapper && vm.keyBoardPlugin) {
-        document.body.removeChild(wrapper)
+        this.show = false
+        try {
+          document.body.removeChild(wrapper)
+        } catch (e) {
+        }
+      } else if (vm.keyBoardPlugin === false && vm.hideOnClickOutside) {
+        this.onClose()
       }
     },
     showNumberKeyboard (options) {

src/pages/hlsPopup.vue

@@ -23,10 +23,10 @@
       <tab-item>涉诉公告</tab-item>
       <tab-item>司法协助</tab-item>
     </s-tab>
-<!--    <scroll
+    <!--    <scroll
       ref="scrollList" :listen-scroll="true" :pullUp="true" class="has-footer"
       @scroll="scrollListen">-->
-      <h-content>
+    <h-content>
       <h-button class="button-class" type="primary" @click.native="showLoading">showLoading</h-button>
       <h-button class="button-class" type="primary" @click.native="hideLoading">hideLoading</h-button>
       <h-button class="button-class" type="primary" @click.native="showLongTop">showLongTop</h-button>
@@ -83,7 +83,7 @@
 
       <h2 class="item-title">Swip基础使用</h2>
       <swipe
-        :interval="5000" :defaultWidth="200" @start="start" @move="move"
+        :interval="5000" @start="start" @move="move"
         @change="change">
         <swipe-item>
           <div :style="{'background': bgColor[0]}" class="item-bg">0</div>
@@ -172,6 +172,14 @@
         </item>
       </list-item>
 
+      <number-keyboard
+        :show="show"
+        title="数字键盘"
+        extra-key="."
+        @blur="show = false"
+        @input="onInput"
+        @delete="onDelete"/>
+
       <div class="list">
         <item-option
           v-for="(color,index) in colors"
@@ -212,7 +220,7 @@
               <div class="handle"/>
             </div>
           </label>
-          <h-switch slot="content" :disable="true" v-model="savePhoto" @switchClick="savePhotoFun"/>
+          <h-switch slot="content" :disable="false" v-model="savePhoto" @switchClick="savePhotoFun"/>
         </item>
         <item>
           <h-check slot="left-icon" v-model="radioValue" @checkClick="radioClick"/>
@@ -242,11 +250,11 @@
       </div>
       <h2 class="item-title">Modal</h2>
       <h-button class="button-class" type="primary" @click.native="showModal">Modal</h-button>
-      </h-content>
+    </h-content>
 
     <bottom-tab :show-divider="true">
       <tab-button cusClass="button-exit" @click.native="showConfirm"><img
-        src="../assets/image/warning@2x.png">退出
+        src="../assets/image/warning@2x.png" style="width: 20px;">退出
       </tab-button>
       <tab-button :disable="true" @click.native="showSuccess">登陆</tab-button>
     </bottom-tab>
@@ -281,7 +289,7 @@ export default {
       index: 0,
       count: 3,
       value: '',
-      show: false,
+      show: true,
       items: [],
       infiniteCount: 0,
       deleteText: '删除',