Comment 评论
使用说明
本框架的评论列表集成了头像、楼层、盖楼回复、@回复、发布时间、评论内容、操作按钮，直接复制可用。
01 | <div class="ax-comment"> |
02 |
03 | <hr/> |
04 |
05 | <div class="ax-item"> |
06 | <a href="###" class="ax-avatar" style="background-image: url(https://src.axui.cn/v2.0/public/images/head01.jpg)"></a> |
07 | <div class="ax-text"> |
08 | <div class="ax-row01 ax-row"><div class="ax-col"><a href="###" class="ax-name">李旺</a></div><i class="ax-floor">1楼</i></div> |
09 | <div class="ax-reply"><a href="###">@张纯阳</a>：<span>对于很多中国人来说在任何一个领域只要不是第一那就是垃圾。</span><div class="ax-reply"><a href="###">@方志华</a>：<span>可就这么落后的航母除了美国以外还有谁能完全独立完成(航母本身加舰载机加武器弹药加后勤保障)？ </span><div class="ax-reply"><a href="###">@李敏</a>：<span>抬头看世界，如今各国，林林总总，有几个抗揍。放眼望乾坤，前途无量，有几个国家，总有一天要挨揍。 </span></div></div></div> |
10 | <div class="ax-row02"><span>大家有没有发现，我们在看待中国的实力时，不是单纯的和一个国家做对比，而是和除了中国以外的所有国家比较。仿佛中国在个个方面都是第一时，中国人才能说认可我们的国家牛X。</span></div> |
11 | <div class="ax-row03 ax-row"><div class="ax-col"><span class="ax-time">1小时前</span></div><a href="###" class="ax-action ax-action-reply">回复</a><a href="###" class="ax-action ax-action-good"><span class="ax-iconfont ax-icon-good-f"></span>51</a><a href="###" class="ax-action ax-action-bad"><span class="ax-iconfont ax-icon-bad-f"></span>34</a></div> |
12 | </div> |
13 | </div> |
14 |
15 | <hr/> |
16 |
17 | <div class="ax-item"> |
18 | <a href="###" class="ax-avatar" style="background-image: url(https://src.axui.cn/v2.0/public/images/head02.jpg)"></a> |
19 | <div class="ax-text"> |
20 | <div class="ax-row01 ax-row"><div class="ax-col"><a href="###" class="ax-name">宋健</a></div><i class="ax-floor">2楼</i></div> |
21 | <div class="ax-reply"><a href="###">@欧阳春天</a>：现在很多第三世界国家在独立日、国庆日进行阅兵，都会直接向中方购买服务。中方则根据对方的经济实力和政治需求，打包提供一站式服务。</div> |
22 | <div class="ax-row02"><span>总体上说，对得起五大流氓的身份，个人认为综合实力能排第二。具体到小的方面，全球国家总数200个左右，中国各方面大部分都能在世界前5，前2的也不少。</span></div> |
23 | <div class="ax-row03 ax-row"><div class="ax-col"><span class="ax-time">10天前</span></div><a href="###" class="ax-action ax-action-reply">回复</a><a href="###" class="ax-action ax-action-good"><span class="ax-iconfont ax-icon-good-f"></span>42</a><a href="###" class="ax-action ax-action-bad"><span class="ax-iconfont ax-icon-bad-f"></span>11</a></div> |
24 | </div> |
25 | </div> |
26 |
27 | <hr/> |
28 |
29 | <div class="ax-item"> |
30 | <a href="###" class="ax-avatar" style="background-image: url(https://src.axui.cn/v2.0/public/images/head03.jpg)"></a> |
31 | <div class="ax-text"> |
32 | <div class="ax-row01 ax-row"><div class="ax-col"><a href="###" class="ax-name">刘楚阳</a> <span class="ax-badge ax-badge-border ax-badge-primary">星级会员</span></div><i class="ax-floor">3楼</i></div> |
33 | <div class="ax-row02"><span>从1999年至今，我们已经陆续为60多个国家的军事力量提供阅兵定制服务，包括制定阅兵流程、设计阅兵口号、进行阅兵人员选拔、进行阅前训练、提供标准化阅兵模板、合理化后勤开支、保障阅兵安全、细化阅兵期间弹药管理等。</span></div> |
34 | <div class="ax-row03 ax-row"><div class="ax-col"><span class="ax-time">2天前</span></div><a href="###" class="ax-action ax-action-reply">回复</a><a href="###" class="ax-action ax-action-good"><span class="ax-iconfont ax-icon-good-f"></span>12</a><a href="###" class="ax-action ax-action-bad"><span class="ax-iconfont ax-icon-bad-f"></span>8</a></div> |
35 | </div> |
36 | </div> |
37 |
38 | <hr/> |
39 |
40 | <div class="ax-item ax-more"> |
41 | <span class="ax-avatar"></span> |
42 | <div class="ax-text"> |
43 | <a href="###" class="ax-color-primary">查看65个评论</a> |
44 | </div> |
45 | </div> |
46 |
47 | <hr/> |
48 |
49 | <div class="ax-item ax-my"> |
50 | <a href="###" class="ax-avatar" style="background-image: url(https://src.axui.cn/v2.0/public/images/head04.jpg)"></a> |
51 | <div class="ax-text"> |
52 | <div class="ax-row01 ax-row"><div class="ax-col"><a href="###" class="ax-name">张弛</a></div></div> |
53 | 已登录，<a href="###" class="ax-color-primary">立即评论</a> |
54 | </div> |
55 | </div> |
56 |
57 | <hr/> |
58 |
59 | <div class="ax-item ax-my"> |
60 | <a href="###" class="ax-avatar" style="background-image: url(https://src.axui.cn/v2.0/dist/images/avatar.svg)"></a> |
61 | <div class="ax-text"> |
62 | <a href="###" class="ax-btn ax-long ax-primary">登录</a> <a href="###" class="ax-btn ax-line ax-long ax-primary">注册</a><br/> |
63 | 未登录，<a href="###" class="ax-color-primary">登录后评论</a> |
64 | </div> |
65 | </div> |
66 |
67 | <hr/> |
68 |
69 | </div> |
未登录，登录后评论