<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>二维码</title>
<link rel="stylesheet" href="assets/css/amazeui.min.css">
</head>
<body style="padding: 50px;">
<div class="am-input-group">
<input type="text" class="am-form-field" id="doc-qr-text">
<span class="am-input-group-btn">
<button class="am-btn am-btn-default" type="button" id="doc-gen-qr">生成</button>
</span>
</div><br>
<div id="doc-qrcode" class="am-text-center"></div>
<!--[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>
<script>
$(function() {
var $input = $('#doc-qr-text');
$qr = $('#doc-qrcode');
function makeCode(text) {
$qr.empty().qrcode(text);
}
$input.val(location.href);
makeCode(location.href);
$('#doc-gen-qr').on('click', function() {
makeCode($input.val());
});
$input.on('focusout', function() {
makeCode($input.val());
});
});
</script>
</body>
</html>
效果图：
相关推荐
Amaze UI 在一些特定的中国应用场景，如二维码扫描、农历日期等方面有独特优势；而Bootstrap则在全球范围内有着广泛的应用和社区支持。 5. **压缩包中的文件**：“Amaze UI admin.zip”可能是Amaze UI 的后台管理...
本项目“基于amazeUI用户充值页面特效”专注于为用户提供流畅、便捷且美观的在线充值体验，同时支持支付宝和微信两种主流的支付方式。下面我们将详细探讨这个项目的相关知识点。 首先，AMazeUI是一个专为中国移动...
点餐系统帮朋友做的点餐系统，主要是为了让顾客在餐桌上，使用微信扫描二维码，就可以直接点菜，吃完使用微信付款。账户名和密码重置：admin。（请不要删除admin用户）更新20161106：可移除外部类库的引用，改用中的...
一款用于图书推荐、搜索、借阅、交流的微信小程序"无微不至"的借阅伴侣项目介绍一款用于图书推荐、搜索、借阅、交流的微信小程序使用技术前端微信小程序UI风格Amaze UI数据可视化处理库: Highcharts.js后端Web MVC...
本项目采用php + html5 + css3开发APP更新接口返回json格式的更新数据支持多个app的版本更新管理提供永远下载最新版本的url地址输出可永远下载最新版本的二维码（先前框架：CodeIgniter，前端框架：amazeui）安装...
与市面上其他流行的UI框架如Bootstrap、AmazeUI、jQuery Mobile、Framework7等相比，mui在性能优化和对移动设备特性的支持方面表现得更为出色。例如，针对触摸事件的处理、滚动性能的优化等方面进行了专门设计，确保...