随笔分类 - 1_amaze ui
摘要：amazeui的表单开关插件的自定义事件必须添加.bootstrapSwitch 命名空间，给了我们什么启示 一、总结 一句话总结：详细看使用文档（说明文档说的真的是非常详细呢，不过循序渐进，不同阶段看懂的内容不同） a、使用插件的时候必须非常详细的看使用文档 b、一些插件的自定义事件是有命名空间的
阅读全文
摘要：amazeui时间组件测试 一、总结 一句话总结： 1、图标是字体样式：input右侧的字体图标是字体样式，所以要引入字体文件，随便找一个项目把里面的字体文件弄过来就ok了 2、多看官方文档：这个时间组件需要引入什么js，css，函数怎么调用，事件怎么初始化，官方的文档里面简直给的不能再详细了 二、
阅读全文
摘要：amazeui中的js插件有哪些（详解功能） 一、总结 一句话总结： 二、amazeui中的js插件有哪些 1、UI 增强 警告框Alert 按钮交互Button 折叠面板Collapse 下拉组件Dropdown 模态窗口Modal 弹出框Popover 加载进度条NProgress 图片轮播Sl
阅读全文
摘要：amazeui中css组件、js组件、web组件的区别 一、总结 一句话总结： 1、可直接像调用js插件那样调用：在AmazeUI（妹子UI）中，Web组件可以不编写模板而直接使用，若如此，则与JS插件没什么太大区别，官方原话也说可以这么调用的。 2、能编写自定义模板通过js代码调用：Web组件与J
阅读全文
摘要：amazeui中内置的web组件有哪些且如何用 一、总结 一句话总结： 1、组件还是jquery.js+amazeui.js，和插件一样，准确的说是amazeui.css+jquery.js+amazeui.js。 2、amazeui中就amazeui.css+amazeui.js这两样东西，万变不
阅读全文
摘要：amazeui-js插件-ui增强-日期组件如何使用（把实例做一下） 一、总结 一句话总结：需要jquery.js和amazeui.js一切才能使用 1、amazeui中的各种js效果要怎么才能使用？ 解答：需要jquery.js和amazeui.js一起才能使用 。 2、html中如何引入一个cs
阅读全文
摘要：amazeui页面分析5 一、总结 1、把原模板当成样例集合就好 2、都是一块一块的，删改等操作都方便 3、list方面的操作很多都是ui配合li 4、其实容器本质还是div，所以真的算简单了 5、样式的话，照着已有样例 改就好了 二、知识点 1、列表页里面的每一项完全可以是一样的，那就很好做了 2
阅读全文
摘要：amazeui页面分析4 一、总结 1、直接照着作者的设计思路用：例如 pet_hd_con_time pet_hd_con_map ，这是time 和 map，那我别的说不定也可以直接用，比如author，article等等 amazeui同样是如果 2、弄清楚作者的设计思路，举一反三 二、知识点
阅读全文
摘要：amazeui页面分析3 一、总结 1、 本质是list列表，是ul套li的形式，只不过li里面是图片 整个内容全是套在a标签中，既然是套在li下面，多个a标签又有何妨， 图标和视频时间都是写上去的，倒是也简单，bom很容易做到 2、 依据js空代码，我想他们之间应该还有其它联系才对 二、视频列表页
阅读全文
摘要：amazeui页面分析2 一、总结 1、弄清结构：这些部分都是一块一块分好了的，掌握结构之后，想替换哪块就替换哪块，想不要哪块就不要哪块，非常简单的 2、一块一块：替换十分简单 3、弄清楚大块之后，然后想学习某一块，然后就去看某一块就好 二、知识点 1、 <p><blockquote><p>有一天我
阅读全文
摘要：amazeui学习笔记--js插件（UI增强4）--下拉组件Dropdown 一、总结 1、am-dropdown（及其孩子）：控制下拉列表的样式 2、data-am-dropdown（及其孩子）：控制下拉列表的事件，这部分事件当然可以用jquery来代替 3、下拉列表样例： am-dropdown
阅读全文
摘要：amazeui学习笔记--js插件（UI增强3）--折叠面板Collapse 一、总结 注意点： 1、data-am-collapse：这个东西就是展开折叠事件 2、am-collapse（包括其下属）：这个控制折叠样式 1、折叠面板：结合 Panel 组件实现手风琴效果。需结合以下辅助 class
阅读全文
摘要：amazeui学习笔记--js插件（UI增强2）--按钮交互Button 一、总结 1、按钮loading状态： 2、按钮loading状态自定义选项（功能）： 可以在元素上添加 data-am-loading 来设置选项： spinner 加载动画图标，适用于支持 CSS3 动画、非 input
阅读全文
摘要：使用 JS 关闭警告框及监听自定义事件（amaze ui） 一、总结 1、jquery匿名函数：第8行，jquery匿名函数，$(function(){});，有没有很简单，只是少了jquery的前面的选择器部分而已 二、使用 JS 关闭警告框及监听自定义事件（amaze ui） 截图 代码 1、j
阅读全文
摘要：js用button激活 Alert 元素关闭按钮的交互功能 一、总结 1、点（.）对应class，井号(#)对应id 2、jquery：amaze里面用的jquery，jquery熟悉之后，这些东西就很简单了，jquery很简单，一层一层的$().__() 二、js用button激活 Alert 元
阅读全文
摘要：amazeui学习笔记--js插件（UI增强）--警告框Alert 一、总结 1、警告框基本样式：用am-alert声明div容器， 2、警告框关闭按钮：data-am-alert应该是js事件，因为点击后面的关闭按钮真的可以关闭掉 3、不同状态（颜色）：am-alert-warning，还是之前几
阅读全文
摘要：amazeui学习笔记--css（常用组件16）--文章页Article 一、总结 1、基本使用：文章内容页的排版样式，包括标题、文章元信息、分隔线等样式。 .am-article 文章内容容器 .am-article-hd 文章头部，包含标题、元数据等 .am-article-title 文章标题
阅读全文
摘要：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
阅读全文
