amaze ui使用教程,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=苹果-手机-网络!-基本样式-div class= am-panel am-panel-default div class= am-panel-BD 这是一个基本的面板组件。div/div!-带标题的面板-div class= am-panel am-panel-default div class= am-panel-HD 面板标题/div div class=am-panel-bd 面板内容/div/div section class= am-panel am-panel-default header class= am-panel-HD H3 class= am-panel-title 面板标题/H3/header div class= am-panel-BD 面板内容/div/section!-面板颜色-div class= am-panel am-panel-primary ./div div class= am-panel am-panel-secondary ./div div class= am-panel am-panel-success ./div div class= am-panel am-panel-warning ./div div class= am-panel am-panel-danger ./div!-面板页脚-section class= am-panel am-panel-default main class= am-panel-BD 面板内容/main footer class= am-panel-footer 面板页脚/页脚/节!-面板嵌套表格-div class= am-panel am-panel-default div class= am-panel-HD H3 class= am-panel-title 面板标题/H3/div class=" am-panel-BD " p这里是面板其他内容/p /div table class=am-table ./table div class= am-panel-footer ./div/div!-面板嵌套列表-div class= am-panel am-panel-default div class= am-panel-HD H3 class= am-panel-title 面板标题/h3 /div div class=am-panel-bd 这里是面板其他内容 am-list am-list-static 李./Li/ul div class= am-panel-footer ./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效果图:
到此这篇关于阿马泽伊面板的实现示例的文章就介绍到这了,更多相关阿马泽伊面板内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。