wuui
  • README
  • 开发指南
    • 介绍
    • 快速上手
    • 定制主题
  • 基础组件
    • Button 按钮
    • Cell 单元格
    • Icon 图标
    • Image 图片
    • Popup 弹出层
    • Toast 轻提示
  • 表单组件
    • Checkbox 复选框
    • Field 输入框
    • Form 表单
    • Search 搜索
    • Signature 签名
    • Stepper 步进器
  • 导航组件
    • BackTop 回到顶部
    • Grid 宫格
    • NavBar 导航栏
  • 展示组件
    • CountDown 倒计时
    • Divider 分割线
    • Empty 空状态
    • Splash 过渡页
    • Tag 标签
  • 反馈组件
    • Loading 加载
    • SwipeCell 滑动单元格
  • 业务组件
    • ActionBar 商品动作栏
    • Card 商品卡片
    • SubmitBar 提交订单栏
Powered by GitBook
On this page
  • 介绍
  • 引入
  • API
  • @Props
  • Events
  • @BuilderParam
  1. 基础组件

Image 图片

介绍

增强版的图片组件,支持图片加载中提示、加载失败提示、点击图片预览等。

引入

import { WuImage } from '@itrain/wu-ui'

API

@Props

名称
说明
类型
是否必需
默认值

src

图片资源或地址, 支持本地 Resource 和图片网络地址

ResourceStr

是

alt

图片加载时显示的占位图

ResourceStr

否

fit

填充模式

ImageFit

否

ImageFit.Contain

imgWidth

图片宽度

Length

否

'640lpx'

imgHeight

图片高度

Length

否

'480lpx'

radius

圆角大小

Length

否

'16lpx'

shape

形状,支持 square 和 round

string

否

'square'

showError

是否显示加载错误提示

boolean

否

true

errorIcon

加载出错时的图标

ResourceStr

否

默认图片

preview

是否允许预览图片

boolean

否

false

previewImage

预览大图资源或地址

ResourceStr

否

previewBackgroundColor

预览图片背景

ResourceColor

否

Color.Black

showLoading

是否显示加载提示

boolean

否

true

Events

名称
说明
回调函数

onLoad

图片加载完毕时触发

() => void

onError

图片加载出错时触发

() => void

@BuilderParam

名称
说明

customLoading

自定义加载提示信息

customError

自定义错误提示信息

PreviousIcon 图标NextPopup 弹出层

Last updated 7 months ago