root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化登陆页面icon图标样式

v1.0
bobi1234 2018-07-18 16:09:33 +08:00
parent 68960bab78
commit 5e054ff58c
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
login.html
View File

@ -8,7 +8,7 @@
<meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ld5kx7fk7to.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_ask70l8wanw.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css"/>
<link rel="stylesheet" href="css/login.css"/>
</head>
@ -26,11 +26,12 @@
<input type="submit" value="登 录" lay-submit lay-filter="login">
</form>
<div class="oauth">
<i class="iconfont icon-WechatIMG" style="font-size: 25px;"></i>
<i class="iconfont icon-github"></i>
<i class="iconfont icon-WechatIMG"></i>
<i class="iconfont icon-qq"></i>
<i class="iconfont icon-wechat"></i>
<i class="iconfont icon-logo-weibo"></i>
<i class="iconfont icon-qq"></i>
<i class="iconfont icon-weixin"></i>
<i class="iconfont icon-zhifubao"></i>
</div>
</div>
<div class="copyright">
@ -51,24 +52,28 @@
return false;
});
$(".oauth .icon-WechatIMG").click(function () {
layer.msg('正在打开Gitee登陆页面，请稍后...');
});
$(".oauth .icon-github").click(function () {
layer.msg('正在打开Github登陆页面，请稍后...');
});
$(".oauth .icon-WechatIMG").click(function () {
layer.msg('正在打开Gitee登陆页面，请稍后...');
$(".oauth .icon-logo-weibo").click(function () {
layer.msg('正在打开微博登陆页面，请稍后...');
});
$(".oauth .icon-qq").click(function () {
layer.msg('正在打开QQ登陆页面，请稍后...');
});
$(".oauth .icon-wechat").click(function () {
$(".oauth .icon-weixin").click(function () {
layer.msg('正在打开微信登陆页面，请稍后...');
});
$(".oauth .icon-logo-weibo").click(function () {
layer.msg('正在打开微博登陆页面，请稍后...');
$(".oauth .icon-zhifubao").click(function () {
layer.msg('正在打开支付宝登陆页面，请稍后...');
});
});
</script>