logo

CSS

浏览器默认样式统一,基础样式,网格,表格、表单、按钮及常用组件样式。

目录

Uploader


基本使用

附件样式搭配list-box、list-item使用

附件

毕业设计论文dddddddddddddddddddddddddddddddddddddddddddddddddddddd.doc 56KB
11111111111111111111111111111111111111111111111111111111111111111111111111111111111 56KB
毕业设计论文.doc 56KB
<div class="list-box">
    <h4 class="comment-uploader-title">
        附件
        <span class="pull-right">
            <label class="comment-uploader-pick">
                <i class="fc fc-attachment list-item-icon-size"></i>
                <input type="file" />
            </label>
        </span>
    </h4>
    <div class="comment-uploader-container">
        <div class="list-item">
            <div class="comment-uploader-item">
                <span class="uploader-item-tip">
                    <span class="progress-circle">
                        <span class="pie_left">
                            <span class="left"></span>
                        </span>
                        <span class="pie_right">
                            <span class="right"></span>
                        </span>
                    </span>
                    <input type="text" class="mask" value="0" />
                </span>
                <span class="text-ellipsis file-name">毕业设计论文dddddddddddddddddddddddddddddddddddddddddddddddddddddd.doc</span>
                <span class="text-assistant file-size">56KB</span>
                <a class="pull-right uploader-item-remove">
                    <i class="fa fa-times-circle fa-red icon-size-20"></i>
                </a>
            </div>
        </div>
        <div class="list-item">
            ......
        </div>
        <div class="list-item">
            ......
        </div>
    </div>
</div>                                                  
        
侧栏导航