0 Star 0 Fork 0

codes-open/res

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
qrcode.html 1.72 KB
一键复制 编辑 原始数据 按行查看 历史
Darry 提交于 2023-02-21 12:36 . 修复静态资源路径问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<title>二维码URL在线生成</title>
<style type="text/css">
* {padding: 0; margin: 0;}
body {
background: #fff;
}
.chrome-qrcode{padding:0 15px}
.content {
position: relative;
border: 2px dashed #4d88a5;
padding: 15px;
margin: 15px auto;
background-color: #f6f8f9;
text-align: center;border-radius: 1%;
max-width: 700px;
}
.content #qrcode {
/* background: #fff; */
padding: 10px;
border-radius: 4%;
}
#code_url {
padding: 5px 0 5px 5px;
margin-top: 8px;
width: 100%;
/* font: 100% arial; */
font-size: 0.9rem;
border: 1px solid #E5E5DB;
background: #f6f8f9;
color: #47433F;
height: calc(1.5rem + 2px);
}
</style>
</head>
<body class="chrome-qrcode">
<div class="content">
<img src="" id="qrcode" />
<div style="width: 90%; margin: 0 auto;">
<input type="search" value="请输入生成二维码的URL" id="code_url"/>
</div>
</div>
<script src="./static/all.min.js"></script>
<script src="./static/qrcode.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML/CSS
1
https://gitee.com/codesopen/res.git
git@gitee.com:codesopen/res.git
codesopen
res
res
master

搜索帮助