<!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="viewport" content="width=device-width, initial-scale=1"> <title>小徽章</title> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp"/> <link rel="icon" type="image/png" href="assets/i/favicon.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content="Amaze UI"/> <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png"> <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png"> <meta name="msapplication-TileColor" content="#0e90d2"> <link rel="stylesheet" href="assets/css/amazeui.min.css"> </head> <body style="margin: 10px;"> <!--默认样式--> <span class="am-badge">1</span> <span class="am-badge am-badge-primary">2</span> <span class="am-badge am-badge-secondary">3</span> <span class="am-badge am-badge-success">4</span> <span class="am-badge am-badge-warning">5</span> <span class="am-badge am-badge-danger">6</span> <span class="am-badge am-badge-success">Allmobilize</span> <br> <a class="am-badge am-badge-primary">Free</a> <a class="am-badge am-badge-secondary">Secondary</a> <a class="am-badge am-badge-success">Success</a> <a class="am-badge am-badge-warning">Warning</a> <a class="am-badge am-badge-danger">Danger</a> <!--圆角样式--> <span class="am-badge am-radius">1</span> <span class="am-badge am-badge-primary am-radius">2</span> <span class="am-badge am-badge-secondary am-radius">3</span> <span class="am-badge am-badge-success am-radius">4</span> <span class="am-badge am-badge-warning am-radius">5</span> <span class="am-badge am-badge-danger am-radius">6</span> <span class="am-badge am-badge-success am-radius">Allmobilize</span> <br> <a class="am-badge am-badge-primary am-radius">Free</a> <a class="am-badge am-badge-secondary am-radius">Secondary</a> <a class="am-badge am-badge-success am-radius">Success</a> <a class="am-badge am-badge-warning am-radius">Warning</a> <a class="am-badge am-badge-danger am-radius">Danger</a> <!--椭圆样式--> <span class="am-badge am-round">1</span> <span class="am-badge am-badge-primary am-round">2</span> <span class="am-badge am-badge-secondary am-round">3</span> <span class="am-badge am-badge-success am-round">4</span> <span class="am-badge am-badge-warning am-round">5</span> <span class="am-badge am-badge-danger am-round">6</span> <span class="am-badge am-badge-success am-round">Allmobilize</span> <br> <a class="am-badge am-badge-primary am-round">Free</a> <a class="am-badge am-badge-secondary am-round">Secondary</a> <a class="am-badge am-badge-success am-round">Success</a> <a class="am-badge am-badge-warning am-round">Warning</a> <a class="am-badge am-badge-danger am-round">Danger</a> <!--大小--> <span class="am-badge am-badge-primary">default</span> <span class="am-badge am-badge-secondary am-text-sm">small</span> <span class="am-badge am-badge-success am-text-default">normal</span> <span class="am-badge am-badge-warning am-text-lg">large</span> <span class="am-badge am-badge-danger am-text-xl">x large</span> <!--[if (gte IE 9)|!(IE)]><!--> <script src="assets/js/jquery.min.js"></script> <!--<![endif]--> <!--[if lte IE 8 ]> <script src="assets/ie8/jquery.min.js"></script> <script src="assets/ie8/modernizr.js"></script> <script src="assets/js/amazeui.ie8polyfill.min.js"></script> <![endif]--> <script src="assets/js/amazeui.min.js"></script> </body> </html>
效果图:
相关推荐
本篇教程就是SwiftUI使用路径和形状创建徽章的过程,创建的徽章可以和其它图形组合形成位置标志。如果想要针对不同种类的地标创建不同的徽章,可以尝试改变徽章基本组成符号的重复次数、角度或大小。跟着教程一步步...
获取PMP徽章的方法 如何获取PMP徽章 PMP徽章是做什么用的?
Q版游戏饰品+刀枪剑+玉石饰品+建筑UI+游戏徽章之类+护具之类的
Android 徽章控件 一款炫酷的徽章拖拽,实现了微博首页底部导航,微博列表用户头像, 列表item右侧消息条数 等方法
圣火徽章外传 圣火 外传 圣火徽章外传 圣火 外传 游戏 game
徽章效果注册表单HTML模板.rar
SuperBadge,超级徽章Android库.zip
为个人设计的徽章存储库集合
开源和Licence徽章图标
一个开源徽章,可以在每个项目上留下标识
21.标签、徽章、大屏展播、页面标题.rar
机械创新设计之徽章打印机.pptx
用户徽章功能是现在很多社交类网站和app必不可少的功能了,能有效的增加网站交互的趣味性。 zibll子比主题V6.7就更新了用户徽章功能,接下来我们就来了解一下这个功能。 首先我们简单的了解一下用户徽章功能的特色...
点亮徽章—5G通信技术含答案
使用qcod / laravel-gamify在Laravel应用程序中快速添加信誉点和徽章
徽章图像创建工具_JavaScript_代码_下载
Shields徽章规范,网站和默认API服务器
cordova-plugin-badge, 访问和修改徽章编号 示例应用程序
badgr-server, 用 Django 公开徽章发行和管理 Badgr服务器面向颁发者。earner和消费者的数字徽章管理。Badgr服务器是一个用于发布打开badge的web应用程序。 除了强大的颁发者API和基于浏览器的用户界面以外,Badgr还...