上传组件(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>

爱生活,爱技术

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注