弹窗优化

develop
就眠仪式 2021-02-24 22:14:35 +08:00
parent b062718ee9
commit 31b81570ec
5 changed files with 13 additions and 7 deletions

View File

@ -0,0 +1,4 @@
.layui-layer-msg{
border-color: whitesmoke!important;
box-shadow: 2px 0 6px rgb(0 21 41 / 0.05)!important;
}

View File

@ -14,6 +14,7 @@
@import url("pear-module/button.css"); @import url("pear-module/button.css");
@import url("pear-module/table.css"); @import url("pear-module/table.css");
@import url("pear-module/frame.css"); @import url("pear-module/frame.css");
@import url("pear-module/layer.css");
@import url("pear-module/menu.css"); @import url("pear-module/menu.css");
@import url("pear-module/form.css"); @import url("pear-module/form.css");
@import url("pear-module/link.css"); @import url("pear-module/link.css");

View File

@ -14,6 +14,7 @@
@import url("pear-module/button.css"); @import url("pear-module/button.css");
@import url("pear-module/table.css"); @import url("pear-module/table.css");
@import url("pear-module/frame.css"); @import url("pear-module/frame.css");
@import url("pear-module/layer.css");
@import url("pear-module/menu.css"); @import url("pear-module/menu.css");
@import url("pear-module/form.css"); @import url("pear-module/form.css");
@import url("pear-module/link.css"); @import url("pear-module/link.css");

View File

@ -95,11 +95,12 @@
layui.use(['popup', 'jquery', 'layer', 'code'], function() { layui.use(['popup', 'jquery', 'layer', 'code'], function() {
var popup = layui.popup; var popup = layui.popup;
var $ = layui.jquery; var $ = layui.jquery;
var layer = layui.layer;
layui.code(); layui.code();
$(".success").click(function() { $(".success").click(function() {
popup.success("成功消息") layer.msg("我的世界",{time:0,icon:1})
}) })
$(".failure").click(function() { $(".failure").click(function() {
popup.failure("失败消息") popup.failure("失败消息")

View File

@ -48,13 +48,13 @@
</script> </script>
<script type="text/html" id="user-bar"> <script type="text/html" id="user-bar">
<button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button> <button class="pear-btn pear-btn-primary pear-btn-sm" lay-event="edit"><i class="layui-icon layui-icon-edit"></i></button>
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button> <button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
<button class="pear-btn pear-btn-sm" id="more{{d.userId}}"><i class="layui-icon layui-icon-triangle-d"></i></button> <button class="pear-btn pear-btn-sm" id="more{{d.userId}}"><i class="layui-icon layui-icon-triangle-d"></i></button>
</script> </script>
<script type="text/html" id="user-enable"> <script type="text/html" id="user-enable">
<input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" checked = "{{ d.enable == 0 ? 'true' : 'false' }}"> <input type="checkbox" name="enable" value="{{d.id}}" lay-skin="switch" lay-text="启用|禁用" lay-filter="user-enable" checked = "{{ d.enable == 0 ? 'true' : 'false' }}">
</script> </script>
<script type="text/html" id="user-sex"> <script type="text/html" id="user-sex">
@ -79,10 +79,9 @@
<script type="text/plain" id="moreTool"> <script type="text/plain" id="moreTool">
[ [
[{txt: "Progerss", event: "progress"}] [{txt: "导出信息", event: "progress"}]
[{txt: "Resolve", event: "resolve"}] [{txt: "下载文件", event: "resolve"}]
[{txt: "Reopen", event: "reopen"}] [{txt: "查看详情", event: "reopen"}]
[{txt: "Close", event: "close"}]
] ]
</script> </script>