摘要：
amazeui学习笔记--css（常用组件15）--CSS动画Animation 一、总结 1、css3动画封装：CSS3 动画封装，浏览器需支持 CSS3 动画。 2、基本使用（这个好）： <div class="am-animation-fade">...</div> 3、一直旋转的icon：< 阅读全文
摘要：
amazeui学习笔记--css（常用组件14）--缩略图Thumbnail 一、总结 1、基本样式：在 <img> 添加 .am-thumbnail 类；也可以在 <img> 外面添加一个容器，如 <div>、<figure>、<a> 等，再将 class 添加到容器上。 2、结合网格使用： 3、 阅读全文
摘要：
amazeui学习笔记--css（常用组件13）--进度条Progress 一、总结 1、进度条基本使用：进度条组件，.am-progress 为容器，.am-progress-bar 为进度显示信息。 2、进度条颜色：进度条默认为全局主色，在进度条上添加相应的类可设置的颜色： .am-progre 阅读全文
摘要：
amazeui学习笔记--css（常用组件12）--面板Panel 一、总结 1、面板基本样式：默认的 .am-panel 提供基本的阴影和边距，默认边框添加 .am-panel-default，内容放在 .am-panel-bd 里面。 2、带标题的面板：.am-panel-hd 用来放置标题，建 阅读全文
摘要：
amazeui学习笔记--css（常用组件11）--分页Pagination 一、总结 1、分页使用：还是ul包li的形式： 分页组件，<ul> / <ol> 添加 .am-pagination class， 包含一系列 <li>。 2、居中对齐：在默认样式的基础上添加 .am-pagination 阅读全文
摘要：
amazeui学习笔记--css（常用组件10）--导航条Topbar 一、总结 1、 导航条：就是页面最顶端的导航条：在容器上添加 .am-topbar class，然后按照示例组织所需内容。<header class="am-topbar">导航条内容</header> 2、am-topbar模 阅读全文
摘要：
amazeui学习笔记--css（常用组件9）--导航nav 一、总结 1、导航基本使用：<ul> 添加 .am-nav class 以后就是一个基本的垂直导航。默认样式中并没有限定导航的宽度，可以结合网格使用。还是ul包li的形式。 2、水平导航：在 .am-nav 的基础上再添加 .am-nav 阅读全文
摘要：
amazeui学习笔记--css（常用组件8）--列表list 一、总结 1、链接列表：就是多个链接在一起组成的列表， 使用 <ul> 结构嵌套链接列表，添加 .am-list。还是ui包着li的形式。<ul class="am-list">里面是各种含着a标签的li</ul> 2、文字截断：在 < 阅读全文
摘要：
amazeui学习笔记--css（常用组件7）--输入框组Input-group 一、总结 1、使用：Input group 基于 Form 组件和 Button 组件扩展，依赖这两个组件。在容器上添加 .am-input-group，在标签文字上添加 .am-input-group-label 2 阅读全文
摘要：
amazeui学习笔记--css（常用组件6）--图标Icon 一、总结 1、关注用法即可：在 HTML 上添加添加 am-icon-{图标名称} class。 <span class="am-icon-weixin"> Wechat</span> 2、图标大小： .am-icon-sm，放大 15 阅读全文