panxiang/swiftadmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化css样式，全局使用show.xx消息提示

Browse Source
This commit is contained in:
Ying
2023-08-04 11:06:34 +08:00
parent 515212e5d7
commit 066307c800
39 changed files with 566 additions and 751 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/index/view/user/center.html
View File

@@ -44,7 +44,7 @@
</div>
<div class="vip-name">
<span>{$user.nickname} <i class="layui-icon fa-edit" lay-open data-title="修改昵称" data-url="#nickname" data-area="398px,230px"></i></span>
<span>{$user.nickname} <i class="layui-icon layui-icon-survey" lay-open data-title="修改昵称" data-url="#nickname" data-area="398px,230px"></i></span>
<span>UID: {$user.id|supplement_id}</span>
<span><a>已加入第 {$user.create_time|distance_day} 天</a></span>
</div>
@@ -73,7 +73,7 @@
<div class="layui-col-md3">
<div class="contract-title">手机</div>
<div class="contract-detail">+86 {$user.mobile|default='未绑定'}
<i class="layui-icon fa-edit" title="编辑" lay-open data-title="修改手机"
<i class="layui-icon layui-icon-survey" title="编辑" lay-open data-title="修改手机"
data-url="/index/user/changeMobile" data-area="500px,300px"></i>
</div>
</div>
@@ -86,7 +86,7 @@
<div class="layui-col-md3">
<div class="contract-title">办公室邮箱</div>
<div class="contract-detail">{$user.email|default='member@domain.com'}
<i class="layui-icon fa-edit" title="编辑" lay-open data-title="修改邮箱"
<i class="layui-icon layui-icon-survey" title="编辑" lay-open data-title="修改邮箱"
data-url="/index/user/changeEmail" data-area="500px,300px"></i>
</div>
</div>
@@ -153,17 +153,17 @@
<div class="layui-card-body layui-row layui-col-space10" style="max-height: 146px;overflow: auto">
<div class="layui-col-md4">
<div class="speed-entry-item" data-url="/index/user/profile">
<i class="layui-icon fa-user"></i> 我的主页
<i class="layui-icon layui-icon-home"></i> 我的主页
</div>
</div>
<div class="layui-col-md4">
<div class="speed-entry-item" data-url="/index/user/message">
<i class="layui-icon fa-comment"></i> 站内消息
<i class="layui-icon layui-icon-notice"></i> 站内消息
</div>
</div>
<div class="layui-col-md4">
<div class="speed-entry-item" data-url="/index/user/security">
<i class="layui-icon fa-get-pocket"></i> 安全中心
<i class="layui-icon layui-icon-auz"></i> 安全中心
</div>
</div>
{:get_plugin_menu_entry('tabs')}
@@ -191,7 +191,6 @@
<div class="layui-card">
<div class="layui-card-header">🏷️ 新闻公告</div>
<ul id="newsList" class="news-list">
{$newsHtml|raw}
</ul>
</div>
<div class="layui-card">
@@ -276,28 +275,34 @@
<script>
layui.use(['jquery', 'upload','carousel'], function () {
var $ = layui.jquery;
var upload = layui.upload;
var carousel = layui.carousel;
let $ = layui.jquery;
let upload = layui.upload;
let carousel = layui.carousel;
// API请求热门插件
$.ajax({
type: 'GET',
url: 'https://api.swiftadmin.net/plugin/recommend',
data: {type: 'hot'},
dataType: 'json',
success: function (res) {
if (res.code === 200) {
$('#appPluginList').html(res.data);
}
carousel.render({
elem: '#pluginApp'
,height: '120px'
,interval: 3000
,anim: 'fade'
});
},
error: function () {}
$.get( 'https://api.swiftadmin.net/ajax/recommend',{
type: 'hot'
}, function (res) {
if (res.code === 200) {
$('#appPluginList').html(res.data);
}
carousel.render({
elem: '#pluginApp'
,height: '120px'
,interval: 3000
,anim: 'fade'
});
})
// 请求新闻
$.get('https://api.swiftadmin.net/ajax/article', function (res) {
if (res.code === 200) {
let html = '';
$.each(res.data, function (i, item) {
html += '<li><a href="' + item.read_url + '" target="_blank">📢 ' + item.title + '</a></li>';
})
$('#newsList').html(html);
}
})
$('.speed-entry-item').click(function (e) {

10
app/index/view/user/certification.html
View File

@@ -39,7 +39,7 @@
margin-top: 23px;
}
.fa-wechat, .fa-mobile-phone {
.layui-icon-login-wechat, .layui-icon-cellphone {
font-size: 4em;
}
@@ -86,7 +86,7 @@
<div class="alert-warn">
<span>
<i class="layui-icon fa-info-circle"></i>
<i class="layui-icon layui-icon-vercode"></i>
根据《中华人民共和国网络安全法》等网络安全相关法律法规规定，及按网监，公安等有关监管单位要求，互联网计算资源用户须完成用户实名认证才能使用。
请您认真填写相关实名认证信息，完成实名认证申请。
</span>
@@ -98,7 +98,7 @@
<div class="layui-col-md4 choose-item " lay-open data-title="实名认证" data-url="#author" data-area="520px,390px">
<div class="layui-col-md2">
<div class="svg"><i class="layui-icon fa-mobile-phone"></i></div>
<div class="svg"><i class="layui-icon layui-icon-cellphone"></i></div>
</div>
<div class="layui-col-md10">
<span class="subtitle">手机号码 验证实名</span>
@@ -106,9 +106,9 @@
</div>
</div>
<div class="layui-col-md4 choose-item" onclick="layui.layer.msg('暂未支持','info')">
<div class="layui-col-md4 choose-item" onclick="layui.layer.msg('暂未支持')">
<div class="layui-col-md2">
<div class="svg"><i class="layui-icon fa-wechat"></i></div>
<div class="svg"><i class="layui-icon layui-icon-login-wechat"></i></div>
</div>
<div class="layui-col-md10">
<span class="subtitle">微信人脸 识别认证</span>

8
app/index/view/user/change_pwd.html
View File

@@ -13,7 +13,11 @@
<div class="layui-form-item">
<label class="layui-form-label">原密码</label>
<div class="layui-input-block">
<input type="text" id="oldpwd" name="oldpwd" class="layui-input" >
<empty name="$user['pwd']">
<input type="text" id="oldpwd" name="oldpwd" class="layui-input layui-disabled" placeholder="您的原密码为空(可不填)" disabled>
<else/>
<input type="text" id="oldpwd" name="oldpwd" class="layui-input" placeholder="请输入原密码">
</empty>
</div>
</div>
<div class="layui-form-item">
@@ -66,7 +70,7 @@
parent.location.reload();
}
else {
top.layer.msg(res.msg,'error');
top.layer.msg(res.msg,{icon:2});
}
}

6
app/index/view/user/forgot.html
View File

@@ -54,7 +54,7 @@
$('#uCode').click(function (e) {
let name = $('#name').val();
if (name === '') {
layer.msg('请输入邮箱或手机号', 'info');
layer.msg('请输入邮箱或手机号', {icon: 5});
return false;
}
let regUrl = '/api/ajax/smsSend';
@@ -74,9 +74,9 @@
success: function (res) {
if (res.code === 200) {
layer.msg(res.msg, 'success');
layer.msg(res.msg);
} else {
layer.msg(res.msg, 'error');
layer.msg(res.msg, {icon: 5});
}
}
});

2
app/index/view/user/include.html
View File

@@ -5,8 +5,6 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="/static/js/layui/css/layui.css">
<!-- // 加载font-awesome图标 -->
<link href="/static/js/layui/css/font-awesome.css?v={:config('app.version')}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/css/center.css?v={:release()}">
<script src="/static/js/layui/layui.js"></script>
<script src="/static/js/center.js?v={:release()}"></script>

46
app/index/view/user/index.html
View File

@@ -9,20 +9,23 @@
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-side-body layui-hide-xs layui-bg-black">
<!--// 可以增加LOGO-->
<img src="/static/system/images/logo.png" style="margin-bottom: 8px;margin-right: 10px" alt="logo" width="22" height="22" >
<span class="logo-text">会员中心</span>
<!--// 可以增加LOGO-->
<img src="/static/system/images/logo.png" style="margin-bottom: 8px;" alt="logo" width="22" height="22" >
<span class="logo-text">用户后台管理</span>
</div>
<ul class="layui-nav layui-layout-left">
<li id="shrink" class="layui-nav-item layui-show-xs-inline-block" >
<i class="layui-icon layui-icon-shrink-right"></i>
</li>
<li id="refresh" class="layui-nav-item" >
<i class="layui-icon layui-icon-refresh"></i>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect="">
<a href="/" title="主页">
<i class="layui-icon fa-home"></i>
<i class="layui-icon layui-icon-home"></i>
</a>
</li>
@@ -30,9 +33,9 @@
<a href="javascript:;" id="notice">
<div id="unread" data-count="{$unread|default='0'}"></div>
<empty name="$unread">
<i class="layui-icon fa-bell-o"></i>
<i class="layui-icon layui-icon-notice"></i>
<else/>
<i class="layui-icon fa-bell"></i>
<i class="layui-icon layui-icon-notice"></i>
<span class="layui-badge-dot"></span>
</empty>
</a>
@@ -68,14 +71,6 @@
let $ = layui.jquery;
let upload = layui.upload;
// 默认展现首个菜单栏
$('.layui-nav-tree .layui-nav-item').each(function (k,e) {
if ($(e).find('dl.layui-nav-child').length) {
$(e).addClass('layui-nav-itemed');
return false;
}
})
// 点击切换页面地址
$('body').on('click', '.layui-nav-tree a', function () {
let href = $(this).attr('lay-href');
@@ -85,25 +80,6 @@
}
})
// 上传头像
upload.render({
elem: '.layui-user-avatar'
,url: '/index/user/avatars'
,method: 'post'
,accept: 'file'
,before: function(res) {
layer.msg('上传中');
},done: function(res, index, upload) {
// 上传成功
if (res.code === 200) {
layer.msg(res.msg);
$('#imgHead img').attr('src',res.url);
} else {
layer.msg(res.msg,'error');
}
}
})
let leftAnimate = function (action = true) {
if (action) {
$('.layui-side').animate({width: '0px'});
@@ -135,9 +111,11 @@
let skin = layui.data('skin').theme || undefined;
if (skin === 'layui-bg-white') {
$('.layui-side-body').removeClass('layui-bg-black').addClass(skin);
$('#skin').removeClass('fa-moon-o').addClass('fa-sun-o');
}
$('#refresh').click(function (e) {
$('#iframe').attr('src',$('#iframe').attr('src'));
})
bellMessage($('#unread').data('count'));
})
</script>

22
app/index/view/user/login.html
View File

@@ -35,7 +35,7 @@
<input type="password" id="pwd" name="pwd" lay-verify="required" data-title="密码"
maxlength="32"
placeholder="{:__('密码')}" class="inputStyle" value="">
<span class="fr-icon visiblePwd"><i class="layui-icon fa-eye-slash"></i></span>
<span class="fr-icon visiblePwd"><i class="layui-icon layui-icon-eye-invisible"></i></span>
</div>
</form>
</div>
@@ -124,9 +124,9 @@
<div class="fr">
<a class="link" href="#" target="_top">
<span>
<i class="layui-icon fa-apple"></i>
<i class="layui-icon fa-android"></i>
<i class="layui-icon fa-windows"></i>
<i class="layui-icon layui-icon-ios"></i>
<i class="layui-icon layui-icon-android"></i>
<i class="layui-icon layui-icon-windows"></i>
<span class="tit">下载 APP</span>
</span>
</a>
@@ -156,7 +156,7 @@
let name = $(item).attr('name');
let title = $(item).data('title');
if (!value) {
layer.msg(title + '不能为空', 'info');
layer.msg(title + '不能为空', {icon: 5});
$(item).focus();
return false;
}
@@ -172,7 +172,9 @@
window.location.href = '/index/user/index';
}, 1000);
} else {
layer.msg(res.msg, 'error')
layui.notice.error({
message: res.msg
});
}
}, 'json');
}
@@ -183,10 +185,10 @@
let type = $('#pwd').attr('type');
if (type === 'password') {
$('#pwd').attr('type', 'text');
$(this).find('i.layui-icon').addClass('fa-eye').removeClass('fa-eye-slash');
$(this).find('i.layui-icon').addClass('layui-icon-eye').removeClass('layui-icon-eye-invisible');
} else {
$('#pwd').attr('type', 'password');
$(this).find('i.layui-icon').addClass('fa-eye-slash').removeClass('fa-eye');
$(this).find('i.layui-icon').addClass('layui-icon-eye-invisible').removeClass('layui-icon-eye');
}
});
@@ -203,7 +205,9 @@
!queryTicket && queryRequest(res.data.ticket);
$('#scanCover').attr('src', res.data.qrcode || '/static/images/qrcode.png');
} else {
layer.msg(res.msg, 'info');
layui.notice.error({
message: res.msg
})
}
})
} else {

7
app/index/view/user/message.html
View File

@@ -7,7 +7,7 @@
</style>
<div id="content">
<div class="layui-row" >
<div id="cardInfo" class="layui-card"> <i class="layui-icon fa-bullhorn"></i> 短消息是本站系统给您发送的提醒消息，请务必阅读。如因自身未阅读导致出现的相关问题后果自负！</div>
<div id="cardInfo" class="layui-card"> <i class="layui-icon layui-icon-speaker"></i> 短消息是本站系统给您发送的提醒消息，请务必阅读。如因自身未阅读导致出现的相关问题后果自负！</div>
<div class="layui-card" style="padding-top: 10px">
<!-- // 默认操作按钮 -->
<div class="layui-card-header layadmin-card-header-auto ">
@@ -53,11 +53,6 @@
title += ' layui-table-text-red';
}
title += '" lay-open data-title="查看消息" data-url="/index/user/viewMessage?id=' + e.id + '" data-area="600px, 390px" >';
if (e.status === 0) {
title += '<i class="layui-icon fa-envelope"></i> ';
} else {
title += '<i class="layui-icon fa-envelope-o"></i> ';
}
title += e.title;
title += '</a>';
return title;

1
app/index/view/user/message_view.html
View File

@@ -39,7 +39,6 @@
let unread = $('#unread').data('count');
if (!unread) {
top.layui.$('#notice').find('.layui-badge-dot').hide();
top.layui.$('#notice').find('.fa-bell').removeClass('fa-bell').addClass('fa-bell-o');
}
// 更新消息数量

36
app/index/view/user/profile.html
View File

@@ -1,29 +1,15 @@
<layout name="layout:layout"/>
<!-- 内容主体区域 -->
<style>
.red {
color: red;
}
.mt30 {
margin-top: 30px;
}
.layui-form {
padding-top: 10px;
}
@media screen and (min-width: 1024px) {
.layui-input-inline {
min-width: 260px!important;
}
.address {
min-width: 639px!important;
}
}
.red{color:red}
.mt30{margin-top:30px}
.layui-form{padding-top:10px}
.layui-form-item{padding:8px 0}
.layui-form-item:nth-child(odd){background-color:#f8f8f8}
.layui-form-item .layui-input-inline{width:25% !important}
@media screen and (min-width:1024px){.layui-input-inline{min-width:260px!important}
.address{min-width:639px!important}
}
</style>
<div id="content">
<div class="layui-row">
@@ -130,7 +116,7 @@
$('.avatar').attr('src', res.url + '?' + parseInt(100 * Math.random()));
return layer.msg(res.msg);
}
layer.msg(res.msg, 'error');
layer.msg(res.msg);
}
})
@@ -147,7 +133,7 @@
top.layer.msg(res.msg);
}
else {
top.layer.msg(res.msg,'error');
top.layer.msg(res.msg);
}
}
});

17
app/index/view/user/register.html
View File

@@ -19,7 +19,7 @@
<div id="content" class="userLogin layui-fluid">
<div class="form-header">
<i class="layui-icon fa-user-plus"></i>
<i class="layui-icon layui-icon-username"></i>
<h6>用户注册</h6>
</div>
<div class="formLogin active">
@@ -32,13 +32,13 @@
<div class="layui-form-item item-input">
<input type="password" id="pwd" name="pwd" lay-verify="required" data-title="密码" maxlength="32"
placeholder="{:__('请输入密码')}" class="inputStyle" value="">
<span class="fr-icon visiblePwd"><i class="layui-icon fa-eye-slash"></i></span>
<span class="fr-icon visiblePwd"><i class="layui-icon layui-icon-eye-invisible"></i></span>
</div>
<div class="layui-form-item item-input">
<input type="password" id="pwd2" lay-verify="required" data-title="密码" maxlength="32"
placeholder="{:__('请输入确认密码')}" class="inputStyle" value="">
<span class="fr-icon visiblePwd"><i class="layui-icon fa-eye-slash"></i></span>
<span class="fr-icon visiblePwd"><i class="layui-icon layui-icon-eye-invisible"></i></span>
</div>
<eq name="style" value="mobile">
<div class="layui-form-item item-input">
@@ -84,9 +84,9 @@
<div class="fr">
<a class="link" href="#" target="_top">
<span>
<i class="layui-icon fa-apple"></i>
<i class="layui-icon fa-android"></i>
<i class="layui-icon fa-windows"></i>
<i class="layui-icon layui-icon-ios"></i>
<i class="layui-icon layui-icon-android"></i>
<i class="layui-icon layui-icon-windows"></i>
<span class="tit">下载 APP</span>
</span>
</a>
@@ -114,13 +114,12 @@
let type = $(elem).attr('type');
if (type === 'password') {
$(elem).attr('type','text');
$(this).find('i.layui-icon').addClass('fa-eye').removeClass('fa-eye-slash');
$(this).find('i.layui-icon').addClass('layui-icon-eye').removeClass('layui-icon-eye-invisible');
} else {
$(elem).attr('type','password');
$(this).find('i.layui-icon').addClass('fa-eye-slash').removeClass('fa-eye');
$(this).find('i.layui-icon').addClass('layui-icon-eye-invisible').removeClass('layui-icon-eye');
}
});
});
</script>
</html>

16
app/index/view/user/security.html
View File

@@ -54,7 +54,7 @@
<div class="settings-tier">
<div class="settings-detail fl">
<span class="setting-status">
<i class="layui-icon fa-check"></i>
<i class="layui-icon layui-icon-ok-circle"></i>
</span>
<span class="setting-name">修改密码</span>
<span class="setting-intro">安全性高的密码可以使账户更安全；互联网账号存在被盗风险，建议您定期更换密码</span>
@@ -68,9 +68,9 @@
<div class="settings-detail fl">
<span class="setting-status">
<empty name="$user['mobile']">
<i class="layui-icon fa-warning"></i>
<i class="layui-icon layui-icon-question"></i>
<else/>
<i class="layui-icon fa-check"></i>
<i class="layui-icon layui-icon-ok-circle"></i>
</empty>
</span>
<span class="setting-name">手机绑定</span>
@@ -92,9 +92,9 @@
<div class="settings-detail fl">
<span class="setting-status">
<empty name="$user['email']">
<i class="layui-icon fa-warning"></i>
<i class="layui-icon layui-icon-question"></i>
<else/>
<i class="layui-icon fa-check"></i>
<i class="layui-icon layui-icon-ok-circle"></i>
</empty>
</span>
<span class="setting-name">邮箱绑定 </span>
@@ -116,9 +116,9 @@
<div class="settings-detail fl">
<span class="setting-status">
<empty name="$user['answer']">
<i class="layui-icon fa-warning"></i>
<i class="layui-icon layui-icon-question"></i>
<else/>
<i class="layui-icon fa-check"></i>
<i class="layui-icon layui-icon-ok-circle"></i>
</empty>
</span>
<span class="setting-name">密保问题 </span>
@@ -133,7 +133,7 @@
<div class="settings-tier">
<div class="settings-detail fl">
<span class="setting-status">
<i class="layui-icon fa-wechat"></i>
<i class="layui-icon layui-icon-login-wechat"></i>
</span>
<span class="setting-name">微信绑定</span>
<span class="setting-intro">暂未绑定。 绑定认证后可用于快捷登录、接收微信通知</span>

2
app/index/view/user/userNav.html
View File

@@ -1,7 +1,7 @@
<!--// 初始化菜单-->
<ul class="layui-nav layui-nav-tree" lay-filter="master">
<li class="layui-nav-item">
<li class="layui-nav-item layui-nav-itemed">
<a class="#" href="javascript:;">Dashboard</a>
<dl class="layui-nav-child">
<dd class="layui-this"><a lay-href="/index/user/center">控制台</a></dd>