系统版本整体UI体验细节优化,视觉效果更佳

This commit is contained in:
hdm 2021-11-29 16:47:24 +08:00
parent 0a26007848
commit e7370b1a08
6 changed files with 13 additions and 10 deletions

View File

@ -3,6 +3,7 @@
{block name="body"}
<form class="layui-form body-content">
{if condition="$id eq 0"}
<h3 class="h3-title">添加员工信息</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray">员工姓名<font>*</font></td>
@ -84,6 +85,7 @@
</tr>
</table>
{else/}
<h3 class="h3-title">编辑员工信息</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray2">员工姓名<font>*</font></td>

View File

@ -2,7 +2,7 @@
<!-- 主体 -->
{block name="body"}
<form class="layui-form body-content">
<h3 style="font-weight:600; padding:10px 0">基本信息</h3>
<h3 class="h3-title">员工信息</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray">登录账号</td>
@ -85,7 +85,7 @@
</td>
</tr>
</table>
<h3 style="font-weight:600; padding:10px 0">用户权限</h3>
<h3 class="h3-title2">用户权限</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td>

View File

@ -38,9 +38,9 @@ fieldset.layui-field-title {
<div class="layui-sales">¥ 126,560</div>
<div class="layui-sales-info" style="height: 125px;">
周同比 <span>12%</span>
<i class="layui-edge layui-edge-top" style="border-bottom-color: green" ></i>
<i class="layui-edge layui-edge-top" style="border-bottom-color: green"></i>
日同比 <span>3%</span>
<i class="layui-edge layui-edge-bottom" style="border-top-color: red" ></i>
<i class="layui-edge layui-edge-bottom" style="border-top-color: red"></i>
<fieldset class="layui-elem-field layui-field-title"></fieldset>
<div>日销报销 ¥12,423</div>
</div>

View File

@ -36,7 +36,7 @@
, { field: 'title', title: '部门名称'}
, { field: 'leader', title: '部门负责人',width: 120, align: 'center'}
, { field: 'phone', title: '部门电话',width: 160,}
, { width:160, title: '操作', align: 'center', templet: function (d) {
, { width:180, title: '操作', align: 'center', templet: function (d) {
var html = '<span class="layui-btn-group"><button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="add">添加下级部门</button><button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button><button class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</button></span>';
return html;
}

View File

@ -34,7 +34,7 @@
</td>
</tr>
</table>
<h3 class="h3-title">岗位权限</h3>
<h3 class="h3-title2">岗位权限</h3>
<table class="layui-table layui-table-form">
<tr>
<td class="layui-td-gray2" style="vertical-align:top">权限配置<br>操作菜单可见</td>

View File

@ -66,9 +66,11 @@
.layui-td-gray3{color:#999; width:120px; text-align:right; background-color:#f8f8f8;}
.layui-td-gray4{color:#999; width:150px; text-align:right; background-color:#f8f8f8;}
.layui-td-gray font,.layui-td-gray2 font,.layui-td-gray3 font{color:#FF6347; margin-left: 3px;}
.main-body{padding:15px;padding-bottom: 0;min-width: 868px;}
.body-content{padding:10px;background-color:#fff;}
.main-body{padding:15px;padding-bottom: 0; min-width: 868px;}
.body-content{background-color:#fff;}
.body-table{background-color:#fff; margin-bottom:15px}
.h3-title{font-size:18px; height:39px; font-weight:800}
.h3-title2{font-size:18px; height:39px; font-weight:800; padding-top:20px}
.body-form-btn{padding:10px 0;}
.span-color--1{color:#999999;}
.span-color-0{color:#5FB878;}
@ -106,4 +108,3 @@
overflow:inherit!important;
}
.right-popup-close{position: absolute;width:50px;height:44px;line-height:44px;text-align:center; left: -52px;right:0; top: 50px;background-color:#FF5722;color:#fff;border-radius:6px 0 0 6px; cursor:pointer; border:2px solid #fff;}
.h3-title{font-size:18px; height:36px; font-weight:800}