这篇文章主要介绍了阿马泽伊评论列表的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
最近在学习阿马泽伊框架，今天给大家分享的是阿马泽伊评论列表的实现示例，也给自己留个学习记录
！声明文档类型
html class=’no-js ‘
头
meta charset=’utf-8 ‘
meta http-equiv=’ X-UA-Compatible ‘ content=’ IE=edge ‘
元名称=’描述’内容=’ ‘
meta name=’keywords’ content=’ ‘
meta name=’ viewport ‘ content=’ width=device-width，initial-scale=1 ‘
标题评论列表/标题
meta name=’ renderer ‘ content=’ WebKit ‘
meta http-equiv=’ Cache-Control ‘ content=’ no-site app ‘/
link rel=’ icon ‘ type=’ image/png ‘ href=’ assets/I/favicon。巴布亚新几内亚
元名称=’支持移动网络应用内容=’是’
link rel=’ icon ‘ size=’ 192 x192 ‘ href=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ apple-mobile-we b-app-capable ‘ content=’ yes ‘
meta name=’ apple-mobile-we B- app-状态栏-style ‘ content=’ black ‘
meta name=’ apple-mobile-we B- app-title ‘ content=’ Amaze UI ‘/
link rel=’ apple-touch-icon-pre composed ‘ href=’ assets/I/app-icon 72 x 72 @ 2x。巴布亚新几内亚
meta name=’ ms application-tile image ‘ content=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ ms应用程序-磁贴颜色’ content=’ # 0e 90d 2 ‘
link rel=’样式表’ href=’ assets/CSS/amaze ui。量滴’ CSS ‘
/头
body style=’ margin:10px；’
！-基本结构-
文章’ am-comment ‘！-评论容器-
a href=’ ‘
img class=’ am-comment-avatar ‘ alt=’ ‘ src=’ img/100。jpg ‘！-评论者头像-
/a
div class=’am-comment-main ‘！-评论内容容器-
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘！-评论元数据-
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a！-评论者-
评论于时间日期时间=’ ‘ 2016-02-17/时间
/div
/页眉
div class=’am-comment-bd ‘阅谁问君诵，水落清香浮100/格！-评论内容-
/div
/articlebr
！-单条评论-
‘ am-注释’
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/文章
！-评论列表-
ul class=’ am-comments-list am-comments-list-flip ‘
李评论道
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/李
李
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/李
李’上午-评论上午-评论-突出’
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/李
/ul
！-评论内容左右对齐-
‘ am-评论am-评论-翻转’
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/文章
大法师评论大法师评论-翻转大法师评论-突出显示’
a href=’#link-to-user-home ‘
img src=’ img/100。jpg ‘ alt=’ ‘ am-comment-avatar ‘ width=’ 48 ‘ height=’ 48 ‘/
/a
div class=’am-comment-main ‘
header class=’am-comment-hd ‘
！- h3 class=’am-comment-title ‘评论标题/h3 –
div class=’am-comment-meta ‘
a href=’ # link-to-user ‘ class=’ am-comment-author ‘ chaoyi/a
评论于时间日期时间=’2013-07-27T04:54:29-07:00 ‘标题=’2013年七月27日下午7:54 格林尼治标准时间0800 ‘ 2014-7-12 15:30/时间
/div
/页眉
div class=’am-comment-bd ‘
阅谁问君诵，水落清香浮。
/div
/div
/文章
！- [if (gte IE 9)|！(IE)]！-
脚本src=’ assets/js/jquery。量滴js ‘/脚本
！- ![endif] –
！-[如果lte IE 8 ]
脚本src=’ assets/ie8/jquery。量滴js ‘/脚本
script src=’ assets/ie8/modernizr。js ‘/脚本
脚本src=’ assets/js/amaze ui。ie 8聚填充。量滴js ‘/脚本
！[endif] –
脚本src=’ assets/js/amaze ui。量滴js ‘/脚本
/body
/html
效果图：
到此这篇关于阿马泽伊评论列表的实现示例的文章就介绍到这了，更多相关阿马泽伊评论列表内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
来源：脚本之家
链接：https://www。jb51。net/html 5/740413。超文本标记语言
