按钮Button am-btn-xx(default.primary.secondary.success.warning.danger.link) am-radius 圆角按钮 am-round 椭圆形按钮 am-active 激活状态 am-disabled 禁用状态 按钮尺寸 am-btn-xl  am-btn-lg  am-btn-default  am-btn-sm  am-btn-xs am-btn-block 块级显示 按钮Icon am-icon-cog设置  am-icon-sh…

amazeui学习笔记--css(HTML元素5)--表格Table 一.总结 1.基本样式:am-table:直接模块名  <table class="am-table"> 2.表格边框: 添加 .am-table-bordered 类.  <table class="am-table am-table-bordered"> 3.圆角边框: 同时添加 .am-table-bordered . .am-table-radius,外层圆角边框通…

amazeui学习笔记--css(HTML元素4)--图片image 一.总结 1.响应式图片:随着页面宽度而变化 .am-img-responsive class. <img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg" class="am-img-responsive" alt=""/> 2.圆角椭圆圆形样式和button里面一样:am-radius     …

amazeui学习笔记--css(HTML元素3)--表单Form 一.总结 1.form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式. am-form.     <form class="am-form"> 2.单选复选框:可以做成块级和行内元素: 块级显示时在容器上添加 .am-checkbox..am-radio class: 行内显示时在容器上添加 .am-checkbox-inline..am-radi…

amazeui学习笔记--css(HTML元素2)--代码Code 一.总结 1.行内代码:code标签<code> 2.代码片段:pre标签<pre> 3.限制代码块高度:添加 .am-pre-scrollable 限制代码块高度,默认为 24rem.是在pre标签里面加的class. <pre class="am-pre-scrollable"> ... </pre> 4.参考链接:最下面的参考链接是块好东西:各种插件 二.代码Cod…

amazeui学习笔记--css(HTML元素1)--按钮Button 一.总结 1.button的基本使用:a.am-btn 在要应用按钮样式的元素上添加 .am-btn,b.颜色 再设置相应的颜色(例如:<button type="button" class="am-btn am-btn-danger">红色按钮</button>). 2.a标签做button:各种元素都可以做button,<a class="am-btn…

1.按钮  .am-btn 圆角按钮 .am-radius 椭圆形按钮 .am-round 按钮激活状态 .am-active 禁用状态 .am-disabled 2.按钮尺寸.am-btn-xl .am-btn-lg .am-btn-default .am-btn-sm .am-btn-xs 3.块级显示按钮 .am-btn-block 4.按钮 Icon(使用 Icon 之前需先引入 Icon 组件) am-icon-{} 5.代码 使用 <code> 标签的代码. 放在 <pre&…

AmazeUI使用了12列的响应式网络系统.使用时需在外围容器上添加.am-g class,在列上添加.am-u-[sm|md|lg]-[1-12] class,然后根据不同的屏幕需求设置不同的宽度. am-u-sm-*  0-640px     am-u-md-*  641px-1024px  am-u-lg-* 1025px+ AmazeUI以移动优先的理念开发,若不设置大屏的网络,应用到小屏幕的样式会继承到更大的屏幕上. am-g:网格的行,用于包裹列,清楚列的浮动 am-u-xx-n:网…

AmazeUI是一个轻量级.Mobile first的前端框架,基于开源社区流行的前端框架编写. Normalize AmazeUI使用了normalize.css,但做了些调整:html添加了-webkit-font-smoothing:antialiased:<hgroup>从w3c标准中移出:<img>设置最大宽度为100%:<figure>外边距设置为0:<textarea>添加vertical-align:top;resize:vertical:移…

1.安装node https://nodejs.org/en/download/ 查看node   npm版本 2.安装react 创建新的react单页面应用 npm install  -g create-react-app create-react-app  react-demo 3.安装 amazeui 1)首先 cd react-demo进入到刚创建的 项目之中 2)接下来 可以执行安装:  Npm install amazeui 4.安装amazeui 所需引用的react组件 npm…