logo

CSS

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

Comment评论组件


单条评论

张小凡

2016-09028
SaaS协同办公要进行下面的改版
<div class="comment-box">   
    <div class="list-box">
        <div class="list-item">
            <dl>
                <dt><img src="http://copp.lab.com/SharedService/Avatar/Get/admin@gslj" class="avatar" alt="" /></dt>
                <dd>
                    <h4>
                        张小凡
                        <i class="fa fa-commenting-o pull-right text-assistant list-item-icon-size"></i>
                    </h4>
                    <span class="text-assistant">2016-09028</span>
                    <pre class="comment-desc">SaaS协同办公要进行下面的改版</pre>                                
                </dd>
            </dl>
        </div>                    
    </div>
</div>
                

评论列表

评论列表样式是增加.list-item

张小凡

2016-09028
SaaS协同办公要进行下面的改版

张小凡

2016-09028
请抓紧时间,进行相关页面设计工作
<div class="comment-box"> 
    <div class="list-box">
        <div class="list-item">
            ....
        </div>
        <div class="list-item">
           ....
        </div>                                    
    </div>
</div>
                

评论带附件

张小凡

2016-09028
SaaS协同办公要进行下面的改版
  • 毕业设计论文.doc (56KB)
  • 毕业设计论文.doc (56KB)
<div class="comment-box">    
    <div class="list-box">
        <div class="list-item">
            <dl>
                <dt>....</dt>
                <dd>
                   ....
                    <pre class="comment-desc">SaaS协同办公要进行下面的改版</pre> 
                    <ul class="uploaders">
                        <li>
                            <span class="fa fa-paperclip fa-rotate-90 text-assistant list-item-icon-size"></span>
                            <span>毕业设计论文.doc</span>
                            <span class="text-assistant">(56KB)</span>
                        </li>
                        <li>
                            <span class="fa fa-paperclip fa-rotate-90 text-assistant list-item-icon-size"></span>
                            <span>毕业设计论文.doc</span>
                            <span class="text-assistant">(56KB)</span>
                        </li>
                    </ul>                                                        
                </dd>
            </dl>
        </div>                    
    </div>
</div>
                

评论回复

陆小青

2016-09028
一起携手共创未来,加油!!!
刘泽宇 回复 陆小青:
一起加油......
  • 毕业设计论文.doc (56KB)
纳兰明慧 回复 陆小青:
朝着美好的明天,奔跑吧!
  • 毕业设计论文.doc (56KB)
<div class="comment-box">   
    <div class="list-box">
        <div class="list-item">
            <dl>
                <dt>
                ....
                </dt>
                <dd>
                   ....
                    <div class="comment-desc">
                        <pre>一起携手共创未来,加油!!!</pre>
                    </div>
                    <div class="comment-reply-box">
                        <div class="comment-reply-item">
                            <div class="title"><span class="text-primary">刘泽宇</span> <span class="text-assistant">回复</span> 陆小青:</div>
                            <div class="reply-desc">
                                <pre>一起加油......</pre>
                                <ul class="uploaders">
                                ....
                                </ul>
                            </div>
                        </div>
                        <div class="comment-reply-item">
                            <div class="title"><span class="text-primary">纳兰明慧</span> <span class="text-assistant">回复</span> 陆小青:</div>
                            <div class="reply-desc">
                                <pre>朝着美好的明天,奔跑吧!</pre>
                                <ul class="uploaders">
                                ....
                                </ul>
                            </div>
                        </div>
                    </div>
                </dd>
            </dl>
        </div>                                          
    </div>
</div>
                
侧栏导航