amaze ui中的icon button

最新推荐文章于 2022-07-28 00:12:50 发布
最新推荐文章于 2022-07-28 00:12:50 发布
阅读量278 收藏
点赞数
文章标签： ui

amaze ui中的icon button

 

说明几点：

1、链接效果

连接效果的本质一般都是a标签，好像很多button的链接效果都是用的a标签，submit表单提交或者button的type为submit的另说

 

2、a标签变成button

个人感觉这里的am-icon-btn class好像是将a标签变成了button的感觉，当然如果查修改的css源码会发现应该只是改的边框样式和背景颜色

 

3、颜色选择

常用的颜色就是上面哪几种，默认的，直接用就好了，和bootstrap里面的一样

 

weixin_33935777
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AmazeUI 图标
08-12
NULL 博文链接：https://onestopweb.iteye.com/blog/2276921
AmazeUI 按钮
08-12
NULL 博文链接：https://onestopweb.iteye.com/blog/2276594
amazeUI的icon图标库
热门推荐
Ideality_hunter的专栏
04-14 1万+
保存 红框中的图片，就是amazeUI图标库中的图标。 Amaze UI Icon 组件目前使用了 Font Awesome（Amaze UI 2.2.0 中升级至 4.3.0）。
html 通用ui css图标,CSS - Icon | Amaze UI
weixin_31858171的博客
06-04 202
IconAmaze UI Icon is using Font Awesome(Upgraded to 4.3 in Amaze UI 2.2.0), which contains almost all commonly used icons.UsageAdding ClassAdd am-icon-{icon-name} class to HTML elements.QQ Wechat QQ W...
AmazeUI模板
03-15
AmazeUI的模板设计简洁而实用，通常包含了一系列预设的页面布局、导航栏、侧边栏、表单、按钮、图标等元素，这些模板可以直接应用于项目中，大大节省了开发时间和成本。"AmazeUI模板简介有效，可以直接拿来使用"这句...
Amaze UI 模板Web 组件示例
06-07
在"Amaze UI 博客 blog 简洁 个人主页 登录 login 前端框架"描述中，我们可以推测这些示例可能包含了以下几个方面的内容： 1. **博客模板**：Amaze UI 提供了一套适用于博客的设计模板，这通常包括文章列表、文章...
AmazeUI框架
11-30
在给定的压缩包文件中，包含了多个HTML文件，这些文件代表了AmazeUI框架在实际应用中的不同场景和功能模块。 1. **admin-table.html**: 这个文件很可能是用于后台管理界面的数据表格展示。AmazeUI提供了强大的表格...
AMAZEUI demo
03-05
这个"AMAZEUI Demo"提供了实例化的应用展示，适合初学者进行学习和探索。请注意，这个Demo并不是整个AMAZEUI项目的完整源码，而是部分功能的示例。 AMAZEUI的主要特点包括响应式布局、移动优化、丰富的组件库和简洁...
基于AmazeUI的漂亮后台模板
09-21
AmazeUI是一个开源的前端框架，专为移动优先的Web开发设计。这个“基于AmazeUI的漂亮后台模板”提供了一套完整的、适用于后台管理界面的设计方案，它结合了AmazeUI的核心特性，使得开发者能够快速构建出既美观又实用...
AmazeUI 图标的示例代码
11-20
Amaze UI 面向 HTML5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备，让 Web 应用更快速载入。本文主要介绍了AmazeUI 图标的示例代码，具体如下： <!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="vi
Amaze UI框架的图标
moyingmj的博客
05-19 2952
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>amazeUI</title> <script src="amazeui-2.5.2/js/jquery.min.js"></script> <script src="amazeui-2.5.2/js/amazeui.min....
AmazeUI—Icon标签（需要引入Amaze标签资源）
晚风凉
06-27 7445
此文所有图标项转载自： https://blog.csdn.net/wangjinduo35056/article/details/78782953 图标列表：（使用时建议复制到html编辑器中，在页面中显示图标后，使用F12选择需要的标签，获取其具体class） <i class="am-icon-bluetooth"></i> <i class="am-ic...
Amaze UI 图标查询
AI的博客
07-28 298
Amaze UI 图标查询 可以查询图标对应的Class名称
Amaze UI貌似挂了。。。附上amaze UI框架的图标
kucha00000的博客
07-02 5311
Amaze UI貌似挂了。。。附上amaze UI框架的图标，总会用上 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>amazeUI</title> <script src="amazeui-2....
amazeui学习笔记--css（常用组件6）--图标Icon
weixin_34310785的博客
05-09 2080
amazeui学习笔记--css（常用组件6）--图标Icon 一、总结 1、关注用法即可：在 HTML 上添加添加 am-icon-{图标名称} class。 &lt;span class="am-icon-weixin"&gt; Wechat&lt;/span&gt; 2、图标大小： .am-icon-sm，放大 150% .am-icon-md，放大 200% .am-ico...
amazeui学习笔记--css（常用组件3）--按钮组Button-group
weixin_33811539的博客
05-08 815
amazeui学习笔记--css（常用组件3）--按钮组Button-group 一、总结 1、按钮组用法：把一系列要使用的 .am-btn 按钮放入 .am-btn-group 。 2、按钮工具栏：将 .am-btn-group 放进 .am-btn-toolbar，实现工具栏效果。 3、按钮组大小：给 .am-btn-group 增加 class .am-btn-group-lg 或 ...
AmazeUI 弹出窗
最新发布
05-26
在上面的示例中，我们首先引入了 AmazeUI 的样式文件和 JavaScript 文件。然后创建了一个触发弹出窗的按钮，并将它的 `data-am-modal` 属性设置为弹出窗的 ID。最后，我们创建了一个弹出窗的 HTML 代码，其中 `am-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值