feat：新增water-flow组件column-gap属性 (#312)

Author: aQingYun

dist/water-flow/index.js

@@ -4,7 +4,10 @@ Component({
      * 组件的属性列表
      */
     properties: {
-
+        columnGap: {
+            type: String,
+            value: '20rpx'
+        }
     },
 
     /**

dist/water-flow/index.wxml

@@ -1,5 +1,5 @@
 <view class="l-class water-flow-container">
-  <view class="water-column">
+  <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="{{index}}">
         <l-water-flow-item data="{{item}}" />

examples/dist/water-flow/index.js

@@ -4,10 +4,10 @@ Component({
      * 组件的属性列表
      */
     properties: {
-      columnGap:{
-        type:String,
-        value:'20rpx'
-      }
+        columnGap: {
+            type: String,
+            value: '20rpx'
+        }
     },
 
     /**
@@ -31,7 +31,7 @@ Component({
             wx.lin = wx.lin || {}
             wx.lin.renderWaterFlow = (data = [], success) => {
                 if (Object.prototype.toString.call(data) !== '[object Array]') {
-                    console.error("[masonry]参数类型错误，渲染失败");
+                    console.error("[data]参数类型错误，渲染失败");
                     return false;
                 }
                 this._select(data).then(() => {

examples/dist/water-flow/index.wxss

@@ -1 +1 @@
-.water-flow-container{display:flex;width:100%;box-sizing:border-box}.water-column{flex:1;transition: all .5s ease-in-out;}
+.water-flow-container{display:flex;width:100%;box-sizing:border-box}.water-column{flex:1}

src/water-flow/index.js

@@ -4,7 +4,10 @@ Component({
      * 组件的属性列表
      */
     properties: {
-
+        columnGap: {
+            type: String,
+            value: '20rpx'
+        }
     },
 
     /**

src/water-flow/index.wxml

@@ -1,5 +1,5 @@
 <view class="l-class water-flow-container">
-  <view class="water-column">
+  <view class="water-column" style="margin-right:{{columnGap}}">
     <view id="left">
       <block wx:for="{{leftData}}" wx:key="{{index}}">
         <l-water-flow-item data="{{item}}" />