bwadmin/pear-admin-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新前端

Browse Source
This commit is contained in:
不胜舟
2023-04-06 16:41:48 +08:00
parent 2364ebb519
commit 5d10a304b3
56 changed files with 100137 additions and 95097 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/admin/component/pear/css/module/button.css
+5 -5
View File
@@ -1,4 +1,3 @@
/** Buttom 默认*/
.pear-btn {
display: inline-block;
line-height: 38px;
@@ -36,22 +35,23 @@
line-height: 37px;
color: #fff !important
}
/** Button 主题 */
.pear-btn-primary {
border: 1px solid #2D8CF0;
background-color: #2D8CF0 !important;
border: #2D8CF0;
}
.pear-btn-danger {
border: 1px solid #f56c6c;
background-color: #f56c6c !important;
border: #f56c6c;
}
.pear-btn-warming {
border: 1px solid #f6ad55;
background-color: #f6ad55 !important;
border: #f6ad55;
}
.pear-btn-success {
border: 1px solid #36b368;
background-color: #36b368 !important;
border: #36b368;
}
.pear-btn[round] {
static/admin/component/pear/css/module/form.css
+11 -4
View File
@@ -25,9 +25,10 @@ textarea::-webkit-input-placeholder {
border: #5FB878 1px solid!important;
}
.layui-input[failure] {
box-shadow: 0px 0px 0px 3px #fef0f0 !important;
border: #F56C6C 1px solid;
.layui-input[failure],
.layui-form-item .layui-form-danger:focus {
box-shadow: 0px 0px 0px 3px #fef0f0 !important;
border: #F56C6C 1px solid!important;
}
.layui-input,
@@ -64,4 +65,10 @@ textarea::-webkit-input-placeholder {
.layui-form-select dl::-webkit-scrollbar-corner {
background: #f6f6f6;
}
}
/* layui 2.6.9 样式变化 */
.layui-form-select dl dd.layui-this{
background-color: #F6F6F6;
font-weight: 700;
}
static/admin/component/pear/css/module/fullscreen.css
+22
View File
@@ -0,0 +1,22 @@
html:-moz-full-screen {
background: grey;
}
html:-webkit-full-screen {
background: grey;
width: 100%;
height: 100%;
}
html:fullscreen{
background: grey;
width: 100% !important;
height: 100% !important;
}
:not(:root):fullscreen::backdrop{
background:whitesmoke;
}
.pear-full-screen {
width: 100% !important;
height: 100% !important;
}
static/admin/component/pear/css/module/iconPicker.css
+11
View File
@@ -0,0 +1,11 @@
.layui-iconpicker {
width: 295px;
}
.layui-iconpicker .layui-iconpicker-search .layui-input:focus{
box-shadow: none!important;
}
.layui-iconpicker-search .layui-icon {
top: 8px;
}
static/admin/component/pear/css/module/layer.css
+324 -4
View File
@@ -1,4 +1,324 @@
.layui-layer-msg{
border-color: transparent!important;
box-shadow: 2px 0 6px rgb(0 21 41 / 0.05)!important;
}
.layui-layer-msg {
border-color: transparent !important;
box-shadow: 2px 0 6px rgb(0 21 41 / 0.04) !important;
}
/* 扩展动画开始 */
.pear-drawer.layui-layer {
border-radius: 0 !important;
overflow: auto;
}
.pear-drawer.layui-layer.position-absolute {
position: absolute !important;
}
.pear-drawer-anim,
.pear-drawer-anim.layui-anim {
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
}
/* right to left */
@keyframes layer-rl {
from {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes layer-rl {
from {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.layer-anim-rl {
-webkit-animation-name: layer-rl;
animation-name: layer-rl;
}
/* right to left close */
@keyframes layer-rl-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes layer-rl-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.layer-anim-rl-close,
.layer-anim-rl.layer-anim-close {
-webkit-animation-name: layer-rl-close;
animation-name: layer-rl-close;
}
/* left to right */
@-webkit-keyframes layer-lr {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 1
}
}
@keyframes layer-lr {
from {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 1
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.layer-anim-lr {
-webkit-animation-name: layer-lr;
animation-name: layer-lr
}
/* left to right close */
@-webkit-keyframes layer-lr-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes layer-lr-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.layer-anim-lr-close,
.layer-anim-lr.layer-anim-close {
-webkit-animation-name: layer-lr-close;
animation-name: layer-lr-close
}
/* top to bottom */
@-webkit-keyframes layer-tb {
from {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
opacity: 1;
animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
}
}
@keyframes layer-tb {
from {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
opacity: 1;
animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
animation-timing-function: cubic-bezier(0.7, 0.3, 0.1, 1);
}
}
.layer-anim-tb {
-webkit-animation-name: layer-tb;
animation-name: layer-tb
}
/* top to bottom close */
@-webkit-keyframes layer-tb-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes layer-tb-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.layer-anim-tb-close,
.layer-anim-tb.layer-anim-close {
-webkit-animation-name: layer-tb-close;
animation-name: layer-tb-close
}
/* bottom to top */
@-webkit-keyframes layer-bt {
from {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 1
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes layer-bt {
from {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
opacity: 1
}
to {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
}
.layer-anim-bt {
-webkit-animation-name: layer-bt;
animation-name: layer-bt
}
/* bottom to top close */
@-webkit-keyframes layer-bt-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes layer-bt-close {
from {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.layer-anim-bt-close,
.layer-anim-bt.layer-anim-close {
-webkit-animation-name: layer-bt-close;
animation-name: layer-bt-close
}
/* 扩展动画结束 */
static/admin/component/pear/css/module/layout.css
+1
View File
@@ -1,6 +1,7 @@
.pear-container {
margin: 10px;
background-color: whitesmoke;
width: calc(100vw - 20px);
}
body::-webkit-scrollbar {
static/admin/component/pear/css/module/menu.css
+32 -21
View File
@@ -28,11 +28,6 @@
width: 230px;
}
.pear-nav-tree .layui-nav-child {
padding-top: 5px;
padding-bottom: 5px;
}
.pear-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
@@ -133,15 +128,23 @@
/** 隐 藏 后 子 级 悬 浮 菜 单 */
.pear-nav-tree .layui-nav-hover {
position: fixed;
min-width: 130px;
padding: 4px;
display: block !important;
background: transparent !important;
}
.pear-nav-tree .layui-nav-hover:before {
content: '';
position: absolute;
right: 4px;
left: 4px;
bottom: 0;
top: 0;
border-radius: 4px;
overflow: hidden;
background-color: #28333E;
display: block;
position: fixed;
min-width: 130px;
margin-left: 62px;
padding-top: 4px !important;
padding-bottom: 4px !important;
box-shadow: 0px 0px 3px lightgray;
}
.pear-nav-tree .layui-nav-hover a span {
@@ -151,7 +154,7 @@
display: none;
}
.pear-nav-tree .layui-nav-child dd a span {
margin-left: 30px !important;
margin-left: 26px !important;
}
.pear-nav-tree .layui-nav-child dd a i {
display: none;
@@ -159,10 +162,11 @@
.pear-nav-tree .layui-nav-hover dd a span {
margin-left: 0px !important;
}
.pear-nav-tree dl {
padding-top: 0;
padding-bottom: 0;
}
/** 亮 样 式*/
/** 亮 样 式*/
.dark-theme .layui-nav-tree{
background-color: #28333E!important;
}
@@ -172,6 +176,7 @@
}
.light-theme .pear-nav-tree,
.light-theme .pear-nav-tree .layui-nav-hover:before,
.light-theme .pear-nav-tree .layui-nav-child{
background-color: white!important;
}
@@ -187,11 +192,6 @@
border-bottom-color: dimgray!important;
}
.light-theme .pear-nav-tree .layui-nav-child{
padding-top: 0px;
padding-bottom: 0px;
}
.light-theme .pear-nav-tree .layui-this a,
.light-theme .pear-nav-tree .layui-this{
color: white!important;
@@ -247,10 +247,21 @@
width: 12px;
text-align: center;
}
.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>dd>a>.layui-nav-more {
display: inline-block !important;
transform: rotate(270deg);
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-o-transform: rotate(270deg);
width: 12px;
text-align: center;
background-color: transparent !important;
}
.pear-nav-tree.arrow .layui-nav-child.layui-nav-hover>a>.layui-nav-more:before,
.pear-nav-tree.arrow .layui-nav-itemed>a>.layui-nav-more:before {
content: '\e61a';
background-color: transparent;
display: inline-block;
vertical-align: middle;
}
}
static/admin/component/pear/css/module/message.css
+61
View File
@@ -8,10 +8,21 @@
}
.pear-notice .layui-tab-title {
display: flex;
text-align: center;
border-right: 1px solid whitesmoke;
}
.pear-notice .layui-tab-title li {
flex: 1;
text-align: center;
border-right: 1px solid whitesmoke;
}
/*排除最后一个 li 右边框*/
.pear-notice .layui-tab-title li:last-child {
border-right: none;
}
.pear-notice * {
color: dimgray !important;
}
@@ -70,3 +81,53 @@
.pear-notice *::-webkit-scrollbar-corner {
background: #f6f6f6;
}
/** 增加 empty 样式 */
.pear-empty {
font-size: 14px;
line-height: 1.5715;
min-height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.pear-empty-normal {
margin: 32px 0;
color: #00000040;
}
.pear-empty-normal .pear-empty-image {
height: 40px;
}
.pear-empty-image {
height: 100px;
margin-bottom: 8px;
}
.pear-empty-image svg {
height: 100%;
margin: auto;
}
.pear-empty-img-simple-g {
stroke: #d9d9d9;
}
.pear-empty-img-default-g {
fill: #fff;
}
.pear-empty-img-simple-path {
fill: #fafafa;
}
.pear-empty-img-default-path-1 {
fill: #aeb8c2;
}
.pear-empty-img-default-path-2 {
fill: url(#linearGradient-1);
}
.pear-empty-img-default-path-3 {
fill: #f5f5f7;
}
.pear-empty-img-default-path-4, .pear-empty-img-default-path-5 {
fill: #dce0e6;
}
static/admin/component/pear/css/module/nprogress.css
+73
View File
@@ -0,0 +1,73 @@
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
static/admin/component/pear/css/module/popover.min.css
Vendored
+1
View File
File diff suppressed because one or more lines are too long
static/admin/component/pear/css/module/select.css
+3 -8
View File
@@ -439,13 +439,13 @@ div[xm-select-skin=default].xm-form-selected .xm-select:hover {
}
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span {
background-color: #5FB878!important
background-color: #5FB878!important;
color: #FFF;
border: 1px solid #5FB878!important
}
div[xm-select-skin=primary] .xm-select-title div.xm-select-label>span i {
background-color: #5FB878!important
background-color: #5FB878!important;
color: #FFF
}
@@ -517,7 +517,7 @@ div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span {
}
div[xm-select-skin=danger] .xm-select-title div.xm-select-label>span i {
background-color:#f56c6c!important
background-color:#f56c6c!important;
color: #FFF
}
@@ -820,8 +820,3 @@ div[xm-select-search-type="1"] .xm-select .xm-select-input {
.icon-expand:before {
content: "\e641";
}
.xm-select-parent .xm-form-select dl{
position: relative;
top: 5px!important;
}
static/admin/component/pear/css/module/tab.css
-1
View File
@@ -47,7 +47,6 @@
border-right: 1px solid whitesmoke;
color: dimgray;
font-size: 13.5px;
line-height: 43px;
}
.pear-tab .layui-tab-title .layui-tab-bar {
static/admin/component/pear/css/module/table.css
+20 -4
View File
@@ -17,6 +17,11 @@
border: none !important;
}
/** 兼容 layui 2.7.0 升级 table cell 单元格边距的调整 */
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
padding: 5px 0px;
}
.layui-table-cell {
height: 34px;
line-height: 34px;
@@ -24,13 +29,10 @@
.layui-table .layui-laypage .layui-laypage-curr .layui-laypage-em {
border-radius: 50px !important;
border-radius: 4px!important;
background-color: #5FB878 !important;
}
.layui-table-view .layui-table{
width: 100%;
}
.layui-table tr {
height: 34px;
line-height: 34px;
@@ -53,6 +55,14 @@
font-size: 15px !important;
}
.layui-table-cell .pear-btn {
margin-right: 5px;
}
.layui-table-cell .pear-btn:last-child {
margin-right: 0px;
}
.layui-table-page {
height: 45px !important;
padding-top: 10px !important;
@@ -68,6 +78,12 @@
.layui-table-view .layui-table[lay-skin=line] {
border: none !important;
}
.layui-table-init .layui-icon{
font-size: 40px !important;
margin: -15px 0 0 -15px;
}
.layui-table-body::-webkit-scrollbar {
width: 0px;
height: 0px;