chore: button、input-data.vue

components/input-data/input-data.vue

@@ -46,6 +46,7 @@
       clearIcon: function () {
         this.inputClearValue = ''
         this.showClearIcon = false
+        this.$emit('confirm', this.getValue(this.inputClearValue))
       },
       // @ts-ignore
       confirm(e : InputConfirmEvent) {
@@ -85,7 +86,7 @@
   </view>
   <view class="uni-input-wrapper input-wrapper">
     <input class="uni-input" :type="inputType" :value="inputClearValue" :placeholder="title" @input="input"
-			@confirm="confirm" @blur="blur" @focus="focus"/>
+      @confirm="confirm" @blur="blur" @focus="focus" />
     <image class="input-wrapper_image" src="/static/icons/clear.png" v-if="showClearIcon" @click="clearIcon">
     </image>
   </view>
@@ -93,12 +94,20 @@
 
 
 <style>
+  .uni-input-wrapper {
+    padding: 8px 13px;
+    margin: 10rpx 0;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    background-color: #ffffff;
+  }
+
   .input-wrapper {
     border: 1px solid rgba(0, 0, 0, .08);
+    flex-direction: row;
     justify-content: center;
     padding: 0;
     margin: 0 20rpx;
-		background-color: #FFF;
   }
 
   .input-wrapper_image {

pages/component/button/button.uvue

@@ -37,9 +37,6 @@
 </script>
 
 <template>
-  <!-- #ifdef APP -->
-  <scroll-view style="flex: 1">
-    <!-- #endif -->
   <view class="main">
     <button :disabled="disabled_boolean" :size="size_enum[size_enum_current].name"
       :type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click"
@@ -49,6 +46,9 @@
       {{ text }}
     </button>
   </view>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+    <!-- #endif -->
     <view class="content">
       <boolean-data :defaultValue="false" title="按钮是否镂空，背景色透明" @change="change_plain_boolean"></boolean-data>
       <boolean-data :defaultValue="false" title="是否禁用" @change="change_disabled_boolean"></boolean-data>