图片选择器 ImagePicker

图片选择器内部可以通过设置最多可以选择的图片张数，默认是9张，没有最大张数的限制，但因根据实际情况合理选择，linchange事件能监听到选中图片数量的变化。

自定义每行图片的数量

图片选择器内部可以通过size设置每行图片的数量，默认是3张，可选值为[3, 4]。

示例代码

<l-image-picker size="4" bind:linchange="onChangeTap" />

通过size-type可以设置图片来源，可选值是original/compressed，默认是original。

注意事项

• original表示原图。
• compressed表示缩略图。

自定义图片添加按钮

通过 <slot> 的方式可以自定义ImagePicker组件的添加图片部分，在此之前需要将设置为true

示例代码

  <view>
    <image src="path/to/img.png" />
  </view>
</l-image-picker>

当我们需要改变图片的样式时，可以通过l-item-class这样的外部样式类来完成。

清除图片

当我们需要清除所有的图片时，可以通过clear属性为true。

注意事项

• 每次在清除图片成功后，组件内会将clear属性还原为false, 如果你需要再次将图片清空，再次将设置为true即可。
• 除此之外，你还可以设置urls属性为 []，来使图片清空

示例代码

<l-image-picker clear="{{ isClear }}" />
<l-button bind:lintap="onClearTap">清除图片</l-button>

图片选择器事件 (ImagePicker Events）