Button add inline prop

Author: icarusion

examples/pages/button/index.wxml

@@ -1,5 +1,9 @@
 <i-panel title="一般用法"></i-panel>
 
+<i-button bind:click="handleClick" inline>行内按钮</i-button>
+<i-button bind:click="handleClick" inline type="primary">行内按钮</i-button>
+<i-button bind:click="handleClick" inline type="success">行内按钮</i-button>
+
 <i-button bind:click="handleClick">默认按钮</i-button>
 <i-button bind:click="handleClick" type="error" long="true">联通两边按钮</i-button>
 <i-button bind:click="handleClick" type="primary">Primary</i-button>

src/button/index.js

@@ -7,6 +7,10 @@ Component({
             type: String,
             value: '',
         },
+        inline: {
+            type: Boolean,
+            value: false
+        },
         // default, large, small
         size: {
             type: String,

src/button/index.less

@@ -116,6 +116,10 @@
         color: @btn-disable-color !important;
         background: @btn-disable-bg !important;
     }
+
+    &-inline{
+        display: inline-block;
+    }
 }
 @keyframes btn-spin {
     0% {

src/button/index.wxml

@@ -1,5 +1,5 @@
 <button
-    class="i-class i-btn {{ long ? 'i-btn-long' : '' }} {{ 'i-btn-' + size }} {{ 'i-btn-' + type }} {{ 'i-btn-' + shape }} {{ loading ? 'i-btn-loading' : '' }} {{ disabled ? 'i-btn-disabled' : ''}}"
+    class="i-class i-btn {{ long ? 'i-btn-long' : '' }} {{ 'i-btn-' + size }} {{ 'i-btn-' + type }} {{ 'i-btn-' + shape }} {{ loading ? 'i-btn-loading' : '' }} {{ disabled ? 'i-btn-disabled' : ''}} {{ inline ? 'i-btn-inline' : '' }}"
     bindtap="handleTap"
     open-type="{{ openType }}"
     app-parameter="{{ appParameter }}"