amazeui学习笔记--js插件(UI增强)--警告框Alert 一.总结 1.警告框基本样式:用am-alert声明div容器, <div class="am-alert"> 没什么可给你,但求凭这阙歌.谢谢你风雨里,都不退愿陪着我. </div> 2.警告框关闭按钮:data-am-alert应该是js事件,因为点击后面的关闭按钮真的可以关闭掉 <div class="am-alert" data-am-alert> <…

amazeui学习笔记--js插件(UI增强4)--下拉组件Dropdown 一.总结 1.am-dropdown(及其孩子):控制下拉列表的样式 2.data-am-dropdown(及其孩子):控制下拉列表的事件,这部分事件当然可以用jquery来代替 3.下拉列表样例: <div class="am-dropdown" data-am-dropdown> <button class="am-btn am-btn-primary am-dropdown-…

amazeui学习笔记--js插件(UI增强3)--折叠面板Collapse 一.总结 注意点: 1.data-am-collapse:这个东西就是展开折叠事件 2.am-collapse(包括其下属):这个控制折叠样式 1.折叠面板:结合 Panel 组件实现手风琴效果.需结合以下辅助 class 使用: 要隐藏的内容添加 .am-collapse: 默认显示的内容添加 .am-collapse.am-in: 添加以上 class 以后,通过 Data API 来调用: <h4 data-am…

amazeui学习笔记--js插件(UI增强2)--按钮交互Button 一.总结 1.按钮loading状态: <button type="button" class="am-btn am-btn-primary btn-loading-example">Submit - Button</button> <input type="button" class="am-btn am-btn-primary b…

amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史记录.) 二.Web 组件开发规范Rules 目录 Web 组件样式组织 目录结构及说明 package.json README.md HISTORY.md src 目录 开发脚手架 调试预览 Web 组件基于 Amaze UI 基础库(CSS / JS)开发,在基础库已有样式.功能的基础上做更多扩…

amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS)三部分组成 二.Web组件简介Web Component Web 组件简介 目录 组件结构 分享组件 Web Components 颇令人向往,无奈浏览器支持有限,所以,Amaze UI Web 组件按照 Web Components 的实现形式,使用浏览器支持更为普及的技术,将移动开发中常用的组…

jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>…

本次主要实现列表的编辑及下拉列表的绑定 先看效果图: 主要用DropDownList绑定下拉列后端代码: 1:定义一个存下拉数据类 public class SelectItem { public string Text { get; set; } public string Value { get; set; } } 2:编辑的方法 public async Task<IActionResult> Edit(int? id) { if (id == null) { return NotFou…

amazeui中的js插件有哪些(详解功能) 一.总结 一句话总结: 二.amazeui中的js插件有哪些 1.UI 增强 警告框Alert 按钮交互Button 折叠面板Collapse 下拉组件Dropdown 模态窗口Modal 弹出框Popover 加载进度条NProgress 图片轮播Slider 侧边栏OffCanvas 滚动侦测ScrollSpy 滚动侦测导航ScrollSpyNav 平滑滚动SmoothScroll 固定元素Sticky 选项卡Tabs 日期组件DatePicke…

amazeui学习笔记二(进阶开发1)--项目结构structure 一.总结 1.项目结构:是说的amazeui在github上面的项目结构,二次开发amazeui用 二.项目结构structure 基于 Amaze UI 进阶开发 目录 项目结构 Less JavaScript 使用中有何问题,请直接在评论中留言,我们会不断补充完善文档. 项目结构 Amaze UI |-- HISTORY.md |-- LICENSE |-- README.md |-- package.json |-- d…