图片

cl-image 组件基于 uni-app 的 image 组件，同时添加新的支持：

• Props：round size
• Slots： error placeholder

Props

参数	说明	类型	可选值	默认值
src	图片资源地址	string
mode	图片裁剪、缩放的模式	string	scaleToFill / aspectFit / aspectFill / widthFix ...	scaleToFill
size	图片尺寸	string / number		100%
round	是否圆角	boolean		false
preview-list	预览列表	array
更多	https://uniapp.dcloud.io/component/image

Slots

插槽	说明
error	图片加载失败
placeholder	图片地址为空

示例

裁剪模式

<cl-image src="" mode="aspectFill"></cl-image>

占位内容

<!-- 空数据插槽 -->
<cl-image src="">
	<text slot="placeholder">图片地址为空</text>
</cl-image>

<!-- 加载失败插槽 -->
<cl-image src="http://">
	<text slot="error">图片地址错误</text>
</cl-image>

自定义大小

<cl-image :size="100"></cl-image> <cl-image size="100rpx"></cl-image>