uploader.md

上传组件

上传组件主要用于图片上传，一般需要配合相册组件使用，WeUI 中仅包含样式，上传所需的逻辑操作需自行实现或配合 weui.js（点击查看相关文档） 实现。

<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">
            <!-- 已上传图片 -->
            <li class="weui-uploader__file" style="background-images:url(images_url/images.png)"></li>
            <!-- 上传状态，如上传失败 -->
            <li class="weui-uploader__file weui-uploader__file_status" style="background-images:url(images_url/images.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-images:url(images_url/images.png)">
                <!-- 上传百分比 -->
                <div class="weui-uploader__file-content">50%</div>
            </li>
        </ul>
        <!-- 上传按钮 -->
        <div class="weui-uploader__input-box">
            <input type="file" class="weui-uploader__input" accept="image/*" multiple>
        </div>
    </div>
</div>