-
Notifications
You must be signed in to change notification settings - Fork 0
/
qrcode_popup.html
44 lines (43 loc) · 1.87 KB
/
qrcode_popup.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>二维码生成</title>
<link rel="stylesheet" href="./css/qrcode_popup.css">
</head>
<body>
<div class="popup-wrap">
<div class="qrcode" id="qrcodeMain"></div>
<textarea
autocomplete="true"
placeholder="输入要转换成二维码的内容,最长256个字符"
class="qrcode-con"
id="qrcodeCon"
cols="24"
rows="4"
maxlength="256"
></textarea>
<button id="createBtn" class="qrcode-create__btn">生成二维码</button>
<dl class="popup-instruction">
<dt class="popup-instruction__title">二维码生成器</dt>
<dd class="popup-instruction__item">* 默认二维码为当前激活的标签页url</dd>
<dd class="popup-instruction__item">* 在文本框中输入要转为二维码的字段可以生成自定义的二维码</dd>
</dl>
<dl class="qrcode-create__website">
<dt class="qrcode-website__title">二维码生成网址推荐</dt>
<dd class="qrcode-website__link" id="qrcodeWebsiteLink">
<a class="qrcode-website__item" data-href="https://cli.im/">草料</a>
<a class="qrcode-website__item" data-href="http://www.liantu.com/">联图网</a>
<a class="qrcode-website__item" data-href="https://www.hotapp.cn/url">芝麻</a>
<a class="qrcode-website__item" data-href="http://www.mobanma.com/index/index.html">模块码</a>
<a class="qrcode-website__item" data-href="http://www.xmesm.cn/">鑫码</a>
<a class="qrcode-website__item" data-href="http://www.wwei.cn/">微微</a>
</dd>
</dl>
</div>
<script src="./js/jquery-2.1.4.min.js"></script>
<script src="./js/qrcode.min.js"></script>
<script src="./js/qrcode_main.js"></script>
</body>