表单 · form-images 图集
input[data-type="images"] 图集（多图）：value 以英文逗号分隔图片地址，初始化按地址渲染为缩略图（双击删除，删除即回写 value）。
配 data-url 且未 readonly 时为编辑模式（带“增加图片”）；设为 readonly 或无 data-url 时为阅读模式（无增加按钮、点击看大图）。
表单家族
索引
base
input
textarea
select
number
search
checkbox
radio
switch
choose
multipled
labels
inpselect
button
label
file
files
upload
video
image
images
imgurls
date
datetime
color
price
sms
sign
listing
json
arrays
infinite
location
latlng
editor
richtext
line
modifier
data
关键属性
| 属性 | 说明 |
|---|---|
data-type | images（必填） |
data-url | 上传接口；缺失自动进入阅读模式 |
readonly | 阅读模式，仅浏览 |
value | 图片地址逗号分隔 |
data-width / data-height | 上传附带参数 |
wx-size_type / wx-source_type | 微信上传压缩与来源配置 |
图集（编辑模式）
<div class="form-item">
<label class="label label-text pd-none">商品图（编辑模式）</label>
<input type="hidden" data-type="images" name="goodsImgs" data-url="/admin/uploadImg" value="../assets/welcome-top.png,../assets/welcome-top.png">
</div>
阅读模式
<div class="form-item">
<label class="label label-text pd-none">品牌展示（阅读模式）</label>
<input type="hidden" data-type="images" readonly name="banners" value="../assets/welcome-top.png,../assets/welcome-top.png,../assets/welcome-top.png">
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页