【amaze ui中的icon button】的更多相关文章

amaze ui中的icon button

amaze ui中的icon button 说明几点: 1.链接效果 连接效果的本质一般都是a标签,好像很多button的链接效果都是用的a标签,submit表单提交或者button的type为submit的另说 2.a标签变成button 个人感觉这里的am-icon-btn class好像是将a标签变成了button的感觉,当然如果查修改的css源码会发现应该只是改的边框样式和背景颜色 3.颜色选择 常用的颜色就是上面哪几种,默认的,直接用就好了,和bootstrap里面的一样…

十、VueJs 填坑日记之在项目中使用Amaze UI

上一篇博文,我们把jQuery集成到了项目中,今天我们来集成Amaze ui(妹子UI).先来介绍一下妹子UI.Amaze UI 含近 20 个 CSS 组件.20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色.体验优秀的跨屏页面,大幅提升开发效率.最主要是妹子UI的性能好,轻量级. 获取妹子UI(Amaze UI)下载地址:http://amazeui.org/getting-started 点击上方绿色的按钮,我们来下载最新版的妹子UI,下面有配套的文档和编辑器,…

amaze UI 笔记 - CSS

导航添加依据 http://amazeui.org/css/  下面内容属学习笔记,如有理解偏差和错误请留言相告,感谢!* =(官网这块写的很详细) 一.基本样式 1.统一样式 说明了为什么使用Normalize,而不是Rest. 2.基础设置 a.css和模型 讲了一个CSS3的新属性:box-sizing.作为一个技术不到位的人,真没看懂.自己查了下如下: box-sizing的3种属性取一即可 box-sizing:content-box | padding-box | border-bo…

amaze ui各个模块简单说明

amaze ui各个模块简单说明 导航添加依据 http://amazeui.org/css/  下面内容属学习笔记,如有理解偏差和错误请留言相告,感谢!* =(官网这块写的很详细) 一.基本样式 1.统一样式 说明了为什么使用Normalize,而不是Rest. 2.基础设置 a.css和模型 讲了一个CSS3的新属性:box-sizing.作为一个技术不到位的人,真没看懂.自己查了下如下: box-sizing的3种属性取一即可 box-sizing:content-box | paddin…

十一、VueJs 填坑日记之使用Amaze ui调整列表和内容页面

上一篇博文我们整合了Amaze ui,并且调整了一个头部header和底部footer文件,其实做起来也很简单,只要按照步骤来做,完全没有问题.今天我们来重新调整一下列表页面和内容页面,使我们做的后台管理系统更有范儿. 制作左侧菜单一个后台管理系统,大致的样式都是分为南北东西的,而西(也就是左侧)一般是我们的菜单.如图: 我们今天就来把我们的项目完成到如上图的样式,首先我们来制作左侧的菜单,在/src/components/下新建menu.vue.代码如下: <template> <di…

jquery ui中的dialog，官网上经典的例子

jquery ui中的dialog,官网上经典的例子   jquery ui中dialog和easy ui中的dialog很像,但是最近用到的时候全然没有印象,一段时间不用就忘记了,这篇随笔介绍一下这个控件. 1.实例 官网源代码中给出了一些实例,首先看看实例是什么样子的. a.默认功能 也是最简单的应用,也就是打开一个对话框,代码如下 <!doctype html> <html lang="en"> <head> <meta charset=…

目前几款基于html5的前端框架：如Bootstrap、Foundation、Semantic UI 、Amaze UI

Bootstrap是由Twitter在2011年8月推出的开源WEB前端框架,集合CSS 和HTML,使用了最新的浏览器技术,为快速WEB开发提供了一套前端工具包,包括布局.网格.表格.按钮.表单.导航.提示,其核心就是基于Less框 架构建的CSS.Bootstrap框架拥有美观的样式和封装完善的JQ插件,使用方便,基于Bootstrap的扩展也很多,这是其他框架所无法比拟 的,也是其最受欢迎的条件之一. Foundation宣称是世界最好的响应式前端框架,默认支持5种网格布局,是三款框架中最…

DoNet开源项目-基于Amaze UI的点餐系统

帮朋友做的点餐系统,主要是为了让顾客在餐桌上,使用微信扫描二维码,就可以直接点菜,吃完使用微信付款. 系统演示地址,账户名和密码均为:admin.(请不要删除admin用户) GitHub Clone 地址 系统源码 百度网盘 下载地址 IIS发布包 百度网盘 下载地址 简介 餐厅系统分为前台和后台两个部分: 前台是用户点菜页面,无需登录即可点菜,但必须在url里带上"店铺id"和"桌号id",不然会报404错误. 后台是店家管理页面,必须登录才能操作,主要有 店铺…

Semantic UI中的验证控件的事件的使用

1.Semantic UI中的验证控件,功能挺不错的,中文官网的文档写的都比较详细了,我再这里就不再进行重复了,主要是想说一下它的事件的使用方法,这个可能有部分朋友刚开始接触的时候不太了解 注意看这几个事件:前两个是对于字段验证通过和失败之后的事件的调用,后两个是对整个form是否都验证通过或者失败时调用的事件,于是我们在调用的时候可以这么写 function login() { $(".ui.form").form( { username: { identifier: 'userNa…

jquery ui中 accordion的问题及我的解决方法

原文:jquery ui中 accordion的问题及我的解决方法 jquery有一套所谓的ui组件,很不错的.如果有兴趣的朋友,可以参考http://jqueryui.com/ 但其中的accordion,我使用的时候发现一些问题.如果按照demo那样,写一些静态内容,倒也正常.但如果每个面板里面的内容是动态绑定的,则会发生高度变小,然后出现滚动条的诡异现象 <%@ Page Language="C#" %> <%@ Import Namespace="S…