chore: 发布版本 0.8.11

Author: juzi214032

README.md

@@ -26,10 +26,32 @@
     </a>
 </div>
 
+---
 
 
+:collision::collision::collision:**林间有风团队招人啦**:collision::collision::collision:
+
+林间有风是一个致力于让 Web 开发变得简单而优雅的开源团队。
+目前团队的两款产品 Lin CMS 和 Lin UI 在 Github Star 均为 2000+，团队成员大多就职于各互联网大厂，团队 Leader 七月有着十年研发及团队管理经验，目前为慕课网知名讲师。
+
+我们希望你：
+1. 真正热爱开源，热爱编程，对开源有自己的理解
+2. 熟悉微信小程序官网文档和开发规范
+3. 熟悉 JavaScript、ES6、Vue 等前端相关生态
+4. 如果上述技术栈和你不符，但你仍然很热爱开源的话，我们也欢迎你的加入
+
+你将得到的：
+1. 参与大型开源项目的开发，学习团队如何严格的遵循开发规范，并享受帮助其他开发者的乐趣。
+2. 从一名普通“码农”变成真正的开发者，从枯燥的业务开发中抽身，站在更底层的角度思考问题。
+3. 为你的简历增光添彩，一个优秀的开源项目能为你本身的能力背书，在求职时也是非常亮眼的一点
+
+:mailbox:简历投递邮箱：juzi214032@qq.com，主题格式 林间有风+姓名+学生/在职
+
+---
+
 ## 目录
 
+- [目录](#目录)
 - [简介](#简介)
 - [快速上手](#快速上手)
   - [安装](#安装)
@@ -70,7 +92,7 @@ Lin UI 是一套基于 **微信小程序原生语法** 实现的高质量 UI 组
 
 4. 构建 NPM 模块
    微信开发者工具配置完成以后，还需进行一次 NPM 模块的构建
-   
+
    > 按钮位置：微信开发者工具顶部 -> 工具 -> 构建 npm
 
 > **若你本地没有 Node.js 环境，无法使用 NPM 安装，则可以采用[源码方式安装](https://doc.mini.talelin.com/start/#方式二：下载代码)**
@@ -79,7 +101,7 @@ Lin UI 是一套基于 **微信小程序原生语法** 实现的高质量 UI 组
 1. 配置微信开发者工具
 
    要正确使用 Lin UI，需将微信开发者工具的 `Es6 转 ES5` 和 `增强编译` 选项勾选上
-   
+
    > 设置路径：微信开发者工具右上角 -> 详情 -> 本地设置
 2. 在页面中引入
    ```json
@@ -113,4 +135,4 @@ Lin UI 是一套基于 **微信小程序原生语法** 实现的高质量 UI 组
 
 ## 开源协议
 
-[MIT](LICENSE) © 2020  林间有风
+[MIT](LICENSE) © 2020  林间有风

dist/album/index.wxml

@@ -1,9 +1,12 @@
 <wxs src="index.wxs" module="album"></wxs>
-<view style="{{album.gridStyle(gapRow, gapColumn, multipleSize, everyRowNumber)}}">
+
+<view style="display:flex">
+  <view style="{{album.gridStyle(gapRow, gapColumn, multipleSize, everyRowNumber)}}">
     <block wx:for="{{showUrls}}" wx:key="index" class="child">
-        <view class="imageContainer {{album.dimBack(isLong, index, maxNumber, previewFullImage)}}" style="{{album.blockStyle(urls, horizontalScreen, shortSideValue, singleSize, multipleSize)}}">
-            <image class="{{album.dim(isLong, index, maxNumber, previewFullImage)}}}" id="{{index}}" bind:tap="onPreviewTap" style="{{album.blockStyle(urls, horizontalScreen, shortSideValue, singleSize, multipleSize)}}" src="{{newType?item[key]:item}}" mode="{{urls.length === 1?singleMode:multipleMode}}"/>
-            <view wx:if="{{album.image(isLong, index, maxNumber, previewFullImage)}}" class="text">+{{urls.length-maxNumber}}</view>
-        </view>
+      <view class="imageContainer {{album.dimBack(isLong, index, maxNumber, previewFullImage)}}" style="{{album.blockStyle(urls, horizontalScreen, shortSideValue, singleSize, multipleSize)}}">
+        <image class="{{album.dim(isLong, index, maxNumber, previewFullImage)}}}" id="{{index}}" bind:tap="onPreviewTap" style="{{album.blockStyle(urls, horizontalScreen, shortSideValue, singleSize, multipleSize)}}" src="{{newType?item[key]:item}}" mode="{{urls.length === 1?singleMode:multipleMode}}"/>
+        <view wx:if="{{album.image(isLong, index, maxNumber, previewFullImage)}}" class="text">+{{urls.length-maxNumber}}</view>
+      </view>
     </block>
+  </view>
 </view>

dist/capsule-bar/icons/capsule-left-black.png

@@ -1,10 +1,10 @@
 <view class="l-class container-count">
-  <view class="symbol {{result<=min|| disabled?'disabled l-disabled-class':'abled l-symbol-class'}}" catchtap="{{result<=min|| disabled?'doNothing':'reduceTap'}}" data-type="overflow_min" hover-class="{{isHover?'count-hover':''}}">
+  <view class="symbol {{count<=min|| disabled?'disabled l-disabled-class':'abled l-symbol-class'}}" catchtap="{{count<=min|| disabled?'doNothing':'onTapChange'}}" data-type="overflow_min" data-change-type="reduce" hover-class="{{isHover?'count-hover':''}}">
     <view class="l-icon l-icon-reduce" style="font-size:{{iconSize}};color:{{iconColor}}"></view>
   </view>
-  <input wx:if="{{focus}}" class="l-count-class count" disabled="{{disabled}}" type="number" focus="{{focus}}" value="{{result}}" bind:input="onInput" bindblur="onBlur"/>
-  <view wx:else class="l-count-class count" mut-bind:tap="onCount">{{result}}</view>
-  <view class="l-symbol-class symbol {{result>=max|| disabled?'disabled l-disabled-class':'abled l-symbol-class'}}" catchtap="{{result>=max|| disabled?'doNothing':'addTap'}}" data-type="overflow_max" hover-class="{{isHover?'count-hover':''}}">
+  <input hidden="{{!focus}}" class="l-count-class count" disabled="{{disabled}}" type="number" focus="{{focus}}" value="{{count}}" bind:input="onInput" bindblur="onBlur"/>
+  <view hidden="{{focus}}" class="l-count-class count" mut-bind:tap="onCount">{{count}}</view>
+  <view class="l-symbol-class symbol {{count>=max|| disabled?'disabled l-disabled-class':'abled l-symbol-class'}}" catchtap="{{count>=max|| disabled?'doNothing':'onTapChange'}}" data-type="overflow_max" data-change-type="add" hover-class="{{isHover?'count-hover':''}}">
        <view class="l-icon l-icon-add" style="font-size:{{iconSize}};color:{{iconColor}}"></view>
   </view>
 </view>