Skip to content

M
ming-visitorsLink
Commit 3659c131 by fengzhaoyu
Options

提交

parents
Showing with 1093 additions and 0 deletions
.idea/.gitignore 0 → 100644
# Default ignored files
/workspace.xml
\ No newline at end of file
.idea/ming-visitorsLink.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/ming-visitorsLink.iml" filepath="$PROJECT_DIR$/.idea/ming-visitorsLink.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/vcs.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$/.." vcs="Git" />
</component>
</project>
\ No newline at end of file
fonts/demo.css 0 → 100644
/* Logo 字体 */
@font-face {
font-family: "iconfont logo";
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {
font-family: "iconfont logo";
font-size: 160px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* tabs */
.nav-tabs {
position: relative;
}
.nav-tabs .nav-more {
position: absolute;
right: 0;
bottom: 0;
height: 42px;
line-height: 42px;
color: #666;
}
#tabs {
border-bottom: 1px solid #eee;
}
#tabs li {
cursor: pointer;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
border-bottom: 2px solid transparent;
position: relative;
z-index: 1;
margin-bottom: -1px;
color: #666;
}
#tabs .active {
border-bottom-color: #f00;
color: #222;
}
.tab-container .content {
display: none;
}
/* 页面布局 */
.main {
padding: 30px 100px;
width: 960px;
margin: 0 auto;
}
.main .logo {
color: #333;
text-align: left;
margin-bottom: 30px;
line-height: 1;
height: 110px;
margin-top: -50px;
overflow: hidden;
*zoom: 1;
}
.main .logo a {
font-size: 160px;
color: #333;
}
.helps {
margin-top: 40px;
}
.helps pre {
padding: 20px;
margin: 10px 0;
border: solid 1px #e7e1cd;
background-color: #fffdef;
overflow: auto;
}
.icon_lists {
width: 100% !important;
overflow: hidden;
*zoom: 1;
}
.icon_lists li {
width: 100px;
margin-bottom: 10px;
margin-right: 20px;
text-align: center;
list-style: none !important;
cursor: default;
}
.icon_lists li .code-name {
line-height: 1.2;
}
.icon_lists .icon {
display: block;
height: 100px;
line-height: 100px;
font-size: 42px;
margin: 10px auto;
color: #333;
-webkit-transition: font-size 0.25s linear, width 0.25s linear;
-moz-transition: font-size 0.25s linear, width 0.25s linear;
transition: font-size 0.25s linear, width 0.25s linear;
}
.icon_lists .icon:hover {
font-size: 100px;
}
.icon_lists .svg-icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
.icon_lists li .name,
.icon_lists li .code-name {
color: #666;
}
/* markdown 样式 */
.markdown {
color: #666;
font-size: 14px;
line-height: 1.8;
}
.highlight {
line-height: 1.5;
}
.markdown img {
vertical-align: middle;
max-width: 100%;
}
.markdown h1 {
color: #404040;
font-weight: 500;
line-height: 40px;
margin-bottom: 24px;
}
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
color: #404040;
margin: 1.6em 0 0.6em 0;
font-weight: 500;
clear: both;
}
.markdown h1 {
font-size: 28px;
}
.markdown h2 {
font-size: 22px;
}
.markdown h3 {
font-size: 16px;
}
.markdown h4 {
font-size: 14px;
}
.markdown h5 {
font-size: 12px;
}
.markdown h6 {
font-size: 12px;
}
.markdown hr {
height: 1px;
border: 0;
background: #e9e9e9;
margin: 16px 0;
clear: both;
}
.markdown p {
margin: 1em 0;
}
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul>li {
list-style: circle;
}
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol>li {
list-style: decimal;
}
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown code {
margin: 0 3px;
padding: 0 5px;
background: #eee;
border-radius: 3px;
}
.markdown strong,
.markdown b {
font-weight: 600;
}
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
border: 1px solid #e9e9e9;
width: 95%;
margin-bottom: 24px;
}
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown>table th {
background: #F7F7F7;
}
.markdown blockquote {
font-size: 90%;
color: #999;
border-left: 4px solid #e9e9e9;
padding-left: 0.8em;
margin: 1em 0;
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
opacity: 0;
transition: opacity 0.3s ease;
margin-left: 8px;
}
.markdown .waiting {
color: #ccc;
}
.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
opacity: 1;
display: inline-block;
}
.markdown>br,
.markdown>p>br {
clear: both;
}
.hljs {
display: block;
background: white;
padding: 0.5em;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
}
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #DD4A68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
fonts/iconfont.css 0 → 100644
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1573408625512'); /* IE9 */
src: url('iconfont.eot?t=1573408625512#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1573408625512') format('woff'),
url('iconfont.ttf?t=1573408625512') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1573408625512#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
width: 0.16rem;
font-size: 0.20rem;
height: 0.22rem;
line-height: 0.22rem;
vertical-align: middle;
margin-right: 0.1rem;
color: #7D8082;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconbeifangren:before {
content: "\e60c";
}
.icontime:before {
content: "\e60d";
}
.iconzhouzhiren:before {
content: "\e60e";
}
.icondingwei:before {
content: "\e610";
}
.iconjia:before {
content: "\e614";
}
.iconlaifangmudi:before {
content: "\e616";
}
.iconweixuan:before {
content: "\e61a";
}
.iconyixuan:before {
content: "\e61b";
}
.iconOpeneyes:before {
content: "\e624";
}
.iconCloseeyes:before {
content: "\e625";
}
.iconshouqi:before {
content: "\e626";
}
.iconzhankai:before {
content: "\e628";
}
.icontongxunlu:before {
content: "\e629";
}
.iconshanchu:before {
content: "\e62b";
}
.iconqiye:before {
content: "\e62c";
}
.icondianhua:before {
content: "\e62d";
}
.iconxuanze:before {
content: "\e62e";
}
.iconfangk:before {
content: "\e62f";
}
.iconka:before {
content: "\e630";
}
fonts/iconfont.json 0 → 100644
{
"id": "1487150",
"name": "e卡通-小程序",
"font_family": "iconfont",
"css_prefix_text": "icon",
"description": "开发用",
"glyphs": [
{
"icon_id": "11569429",
"name": "beifangren",
"font_class": "beifangren",
"unicode": "e60c",
"unicode_decimal": 58892
},
{
"icon_id": "11569510",
"name": "time",
"font_class": "time",
"unicode": "e60d",
"unicode_decimal": 58893
},
{
"icon_id": "11569691",
"name": "zhouzhiren",
"font_class": "zhouzhiren",
"unicode": "e60e",
"unicode_decimal": 58894
},
{
"icon_id": "11570190",
"name": "dingwei",
"font_class": "dingwei",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "11577095",
"name": "jia",
"font_class": "jia",
"unicode": "e614",
"unicode_decimal": 58900
},
{
"icon_id": "11577815",
"name": "laifangmudi",
"font_class": "laifangmudi",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "11578995",
"name": "weixuan",
"font_class": "weixuan",
"unicode": "e61a",
"unicode_decimal": 58906
},
{
"icon_id": "11579301",
"name": "yixuan",
"font_class": "yixuan",
"unicode": "e61b",
"unicode_decimal": 58907
},
{
"icon_id": "11586288",
"name": "Open eyes",
"font_class": "Openeyes",
"unicode": "e624",
"unicode_decimal": 58916
},
{
"icon_id": "11586423",
"name": "Close eyes",
"font_class": "Closeeyes",
"unicode": "e625",
"unicode_decimal": 58917
},
{
"icon_id": "11620886",
"name": "shouqi",
"font_class": "shouqi",
"unicode": "e626",
"unicode_decimal": 58918
},
{
"icon_id": "11622112",
"name": "zhankai",
"font_class": "zhankai",
"unicode": "e628",
"unicode_decimal": 58920
},
{
"icon_id": "11622113",
"name": "tongxunlu",
"font_class": "tongxunlu",
"unicode": "e629",
"unicode_decimal": 58921
},
{
"icon_id": "11622350",
"name": "shanchu",
"font_class": "shanchu",
"unicode": "e62b",
"unicode_decimal": 58923
},
{
"icon_id": "11630971",
"name": "qiye",
"font_class": "qiye",
"unicode": "e62c",
"unicode_decimal": 58924
},
{
"icon_id": "11631647",
"name": "dianhua",
"font_class": "dianhua",
"unicode": "e62d",
"unicode_decimal": 58925
},
{
"icon_id": "11633014",
"name": "xuanze",
"font_class": "xuanze",
"unicode": "e62e",
"unicode_decimal": 58926
},
{
"icon_id": "11652147",
"name": "fangk",
"font_class": "fangk",
"unicode": "e62f",
"unicode_decimal": 58927
},
{
"icon_id": "11652819",
"name": "ka",
"font_class": "ka",
"unicode": "e630",
"unicode_decimal": 58928
}
]
}
index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="fonts/iconfont.css">
<style>
* {
margin: 0;
padding: 0;
font-family: PingFangSC-Regular;
letter-spacing: -0.0039rem;
}
body {
background: url("img/background.png") center center /100% 100%;
}
.gen {
padding: 0.18rem 0.16rem 0.43rem 0.16rem;
overflow-y: scroll;
}
.gen::-webkit-scrollbar {
display: none;
}
.linkTitle {
height: 0.48rem;
display: flex;
}
.linkTitleLeft {
width: 0.48rem;
height: 0.48rem;
text-align: center;
line-height: 0.48rem;
border-radius: 50%;
background: #1890FF;
color: white;
font-size: 0.16rem;
}
.linkTitleRight {
width: 2.35rem;
height: 0.48rem;
margin-left: 0.1rem;
}
.name {
font-family: PingFangSC-Medium;
font-size: 0.17rem;
color: #000000;
height: 0.24rem;
line-height: 0.24rem;
margin-bottom: 0.05rem;
}
.company {
opacity: 0.65;
font-size: 0.16rem;
color: #000000;
line-height: 1.5;
}
.intelligentVisitors {
height: 0.33rem;
text-align: center;
line-height: 0.33rem;
font-family: PingFangSC-Medium;
font-size: 0.24rem;
color: #000000;
letter-spacing: -0.0058px;
margin: 0.32rem 0 0.05rem 0;
}
.prompt {
text-align: center;
height: 0.17rem;
line-height: 0.17rem;
font-size: 0.12rem;
color: #7D8082;
letter-spacing: -0.0029rem;
}
.qrCode {
margin: 0 auto;
width: 1.06rem;
height: 1.06rem;
margin-top: 0.3rem;
}
.qrCode canvas{
width: 1.06rem;
height: 1.06rem;
margin: 0 auto;
background: red;
}
.accessTime {
margin-top: 0.85rem;
}
.accessTimeTop {
display: flex;
}
.accessTimeTop view {
height: 0.22rem;
line-height: 0.22rem;
font-size: 0.17rem;
color: #7D8082;
letter-spacing: -0.0041rem;
}
.text {
font-size: 0.16rem;
height: 0.22rem;
line-height: 0.22rem;
color: #7D8082;
}
.accessTimeBottom {
padding-left: 0.26rem;
}
.accessTimeBottom {
display: flex;
justify-content: space-between;
margin-top: 0.1rem;
font-size: 0.16rem;
color: #000000;
letter-spacing: -0.0041rem;
line-height: 0.22rem;
}
.timeYear,
.timeHour {
text-align: left;
width: 1.22rem;
font-size: 0.16rem;
color: #000000;
letter-spacing: -0.0041rem;
line-height: 0.22rem;
}
.fu {
height: 0.44rem;
line-height: 0.44rem;
font-size: 0.2rem;
}
.byVisitor,
.visitorPurpose {
margin-top: 0.2rem;
}
</style>
</head>
<body>
<div class="gen">
<div class="linkTitle">
<div class="linkTitleLeft">雪雅</div>
<div class="linkTitleRight">
<div class="name">张雪雅</div>
<div class="company">欢迎到杭州某某信息技术有限公司</div>
</div>
</div>
<div class="intelligentVisitors">「 智能访客 」</div>
<div class="prompt">该二维码可用在门禁、支付等场景</div>
<div class="qrCode">
<canvas id="myQrcode"></canvas>
</div>
<div class="accessTime">
<div class="accessTimeTop">
<div class="iconfont icontime"></div>
<div class="text">访问时间</div>
</div>
<div class="accessTimeBottom">
<div>
<div class="timeYear">2018年10月20日</div>
<div class="timeHour">10:30</div>
</div>
<div class="fu">~</div>
<div>
<div class="timeYear">2018年10月20日</div>
<div class="timeHour">10:30</div>
</div>
</div>
</div>
<div class="byVisitor">
<div class="accessTimeTop">
<div class="iconfont iconbeifangren"></div>
<div class="text">被访人</div>
</div>
<div class="accessTimeBottom">
林萍萍
</div>
</div>
<div class="visitorPurpose">
<div class="accessTimeTop">
<div class="iconfont iconlaifangmudi"></div>
<div class="text">来访目的</div>
</div>
<div class="accessTimeBottom">
商务洽谈
</div>
</div>
<div class="visitorPurpose">
<div class="accessTimeTop">
<div class="iconfont icondingwei"></div>
<div class="text">到访地址</div>
</div>
<div class="accessTimeBottom">
浙江省杭州市余杭区向往街五常街道钉钉事业部3A号楼6层606钉钉空间
</div>
</div>
<div class="visitorPurpose">
<div class="accessTimeTop">
<div class="iconfont conzhouzhiren"></div>
<div class="text">到访地址</div>
</div>
<div class="accessTimeBottom">
<span>廖培培</span>
<span>廖培培</span>
<span>廖培培</span>
<span>廖培培</span>
<span>廖培培</span>
</div>
</div>
</div>
</body>
<script type="module">
import {QR} from './js/QRcode.js'
import {getAES} from './js/aeskey.js';
window.onload = function () {
/*初始化*/
getRem()
/*getRem绑定监听*/
window.addEventListener('resize', getRem, false)
refreshQRcode()
}
function getRem() {
var html = document.querySelector('html') // 获取标签html
var oWidth = document.body.clientWidth || document.documentElement.clientWidth // 获取设备宽度 兼容IE
html.style.fontSize = oWidth / 3.75 + 'px'
}
function refreshQRcode() {
let url = getAES(JSON.stringify({
token: '1111111',
timestamp: '22222222'
}))
let size = 300
let ecc = 2
let name = 'myQrcode'
const ctx = document.getElementById('myQrcode').getContext("2d");
QR.draw(url, ctx, size, Number(ecc));
}
</script>
</html>
\ No newline at end of file
js/QRcode.js 0 → 100644
This diff is collapsed. Click to expand it.
js/aes.js 0 → 100644
This diff is collapsed. Click to expand it.
js/aeskey.js 0 → 100644
import {CryptoJS} from './aes.js';
var key = CryptoJS.enc.Utf8.parse('1234567890mingwo'); //十六位十六进制数作为密钥
var iv = CryptoJS.enc.Utf8.parse('1234567890123456'); //十六位十六进制数作为密钥偏移量
/** -----------------------------------AES-CBC加密 ----------------------------------------------------*/
function getAES(data) { //加密
var srcs = CryptoJS.enc.Utf8.parse(data);
var encrypted = CryptoJS.AES.encrypt(srcs, key,
{
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.ciphertext.toString(CryptoJS.enc.Base64);//返回的是base64格式的密文 .toUpperCase()
}
/** -----------------------------------AES-CBC解密 ----------------------------------------------------*/
function getDAes(data) {//解密
var decrypted = CryptoJS.AES.decrypt(data.toString(), key,
{
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.NoPadding
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
export {getAES}
/** ----------------------------------- 暴露接口 ----------------------------------------------------*/
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment