amaze ui使用教程,amazeui教程_1

  amaze ui使用教程,amazeui教程

  最近在研究AmazeUI框架。今天给大家分享一个AmazeUI评论列表的实现实例,给自己留一个学习记录。

  !doctype html html class= no-js headmeta charset= utf-8 meta http-equiv= X-UA-Compatible content= IE=edge meta name= description content= meta name= keywords content= meta name= viewport content= width=device-width,initial-scale=1title评论列表/title meta name= renderer content= WebKit meta http-equiv= Cache-Control content= no-site app /link rel= icon type= image/png href= assets/I/favicon。 png meta name= mobile-we b-app-capable content= yes link rel= icon size= 192 x192 href= assets/I/app-icon 72 x72 @ 2x。png meta name=苹果-手机-网络!-基本结构- article class=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!-评论者-评论于time datetime= 2016-02-17/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮100/格!-评论内容- /div/articlebr!-单条评论-article class= am-comment 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮。div/div/文章!-评论列表-ul class= am-comments-list am-comments-list-flip Li class= am-comment a href= # link-to-user-home img src= img/100。jpg alt= class= 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮/div/div/Li Li class= am-comment am-comment-flip a href= # link-to-user-home img src= img/100。jpg alt= class= 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮。

  /div/div/Li Li class= am-comment am-comment-highlight a href= # link-to-user-home img src= img/100。jpg alt= class= 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮/div /div /li/ul!-评论内容左右对齐-article class= am-comment am-comment-flip a href= # link-to-user-home img src= img/100。jpg alt= class= 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮/div/div/article文章class= am-comment am-comment-flip am-comment-highlight a href= # link-to-user-home img src= img/100。jpg alt= class= 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/time/div/header div class= am-comment-BD 阅谁问君诵,水落清香浮。div/div/文章!- [if (gte IE 9)!(IE)]!-script src= assets/js/jquery。量滴js /script!- ![endif] -!-[if LTE IE 8]脚本src= assets/ie8/jquery。量滴js /script script src= assets/ie8/modernizr。js /script script src= assets/js/amaz eui。IE 8聚填充。量滴js /script![endif]-编写src= assets/js/amaze ui脚本。量滴js /script/body/html效果图:

  关于Amazie UI注释列表的实现示例的这篇文章到此为止。更多Amazie UI评论列表的相关内容,请搜索之前的文章或者继续浏览下面的相关文章。希望你以后能支持我!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: