目录
当前位置: 首页 > 文档资料 > WeUI 帮助文档 >

Uploader

优质
小牛编辑
130浏览
2023-12-01

Uploader

Uploader上传组件。

<div class="weui-uploader">
    <div class="weui-uploader__hd">
        <p class="weui-uploader__title">图片上传</p>
        <div class="weui-uploader__info">0/2</div>
    </div>
    <div class="weui-uploader__bd">
        <ul class="weui-uploader__files" id="uploaderFiles">
            <li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>
            <li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>
            <li class="weui-uploader__file" style="background-image:url(./images/pic_160.png)"></li>
            <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">
                <div class="weui-uploader__file-content">
                    <i class="weui-icon-warn"></i>
                </div>
            </li>
            <li class="weui-uploader__file weui-uploader__file_status" style="background-image:url(./images/pic_160.png)">
                <div class="weui-uploader__file-content">50%</div>
            </li>
        </ul>
        <div class="weui-uploader__input-box">
            <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple />
        </div>
    </div>
</div>