feature: 添加静态文件

This commit is contained in:
zhengxinonly
2023-09-29 14:57:03 +08:00
parent 2c3c79b21f
commit ba5e2cf67b
68 changed files with 153780 additions and 5 deletions
+640
View File
@@ -0,0 +1,640 @@
html,
body,
.layui-layout {
height: 100%;
}
.pear-admin .layui-body,
.pear-admin .layui-logo,
.pear-admin .layui-side,
.pear-admin .layui-header,
.pear-admin .layui-header .layui-layout-left {
transition: all 0.3s;
}
.pear-admin.banner-layout .layui-side {
top: 60px !important;
}
.pear-admin.banner-layout .layui-side .layui-logo {
display: none;
}
.pear-admin.banner-layout .layui-header .layui-logo {
display: inline-block;
}
.pear-admin.banner-layout .layui-side .layui-side-scroll {
height: 100% !important;
}
.pear-admin.banner-layout .layui-side .layui-side-scroll {
height: 100% !important;
}
.pear-admin .layui-header.dark-theme .layui-layout-control .layui-this * {
background-color: rgba(0, 0, 0, 0.1) !important;
}
.pear-admin .layui-header .layui-logo {
display: none;
}
.pear-admin .layui-logo .title {
font-size: 20px;
}
.pear-admin .layui-layout-right .layui-nav-child {
border: 1px solid whitesmoke;
border-radius: 4px;
width: auto;
left: auto;
right: -23px;
}
.pear-admin .layui-header {
left: 230px;
width: calc(100% - 230px);
background-color: white;
}
.pear-admin .layui-layout-control {
left: 140px;
position: absolute;
}
.pear-admin .layui-layout-control .layui-nav {
padding: 0px;
}
.pear-admin .layui-logo {
height: 60px;
line-height: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
position: relative;
background-color: #28333e;
width: 230px;
}
.pear-admin .layui-logo img {
width: 34px;
height: 34px;
}
.pear-admin .layui-logo .title {
font-size: 21px;
font-weight: 550;
color: var(--global-primary-color);
position: relative;
top: 5px;
margin-left: 5px;
}
.pear-admin .layui-logo .logo {
display: none;
}
.pear-admin .layui-side {
top: 0px;
width: 230px;
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.2);
z-index: 9999;
}
.pear-admin .layui-side-scroll::-webkit-scrollbar {
width: 0px;
height: 0px;
}
.pear-admin .layui-side-scroll {
height: calc(100% - 60px) !important;
background-color: #28333e;
width: 247px;
}
.pear-admin .layui-header .layui-nav .layui-nav-item > a {
color: black;
font-size: 15px;
}
.pear-admin .layui-body {
bottom: 0px;
padding-bottom: 0px;
background-color: whitesmoke;
height: calc(100% - 60px);
overflow-y: auto;
left: 230px;
}
.pear-admin .layui-body > div {
height: 100%;
}
.pear-admin .layui-layout-left {
left: 0px;
}
.pear-admin .layui-footer {
position: absolute;
display: flex;
justify-content: space-between;
left: 230px;
background: #fff;
border-top: 1px solid #f2f2f2;
box-shadow: none;
-webkit-transition: left 0.3s;
transition: left 0.3s;
overflow: hidden;
color: #3c3c3cb3;
font-weight: 300;
font-size: 13.6px;
}
.pear-admin .layui-footer.close {
display: none;
}
/** 通栏布局 */
.pear-admin.banner-layout .layui-header {
left: 0px;
z-index: 99999;
width: 100%;
}
.pear-admin.banner-layout .layui-header.light-theme {
border-bottom: 1px solid whitesmoke;
}
.pear-admin.banner-layout .layui-header.auto-theme,
.pear-admin.banner-layout .layui-header.dark-theme {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.pear-admin.banner-layout .layui-header .layui-layout-left {
left: 230px;
}
.pear-admin.banner-layout .layui-header .layui-logo .title {
top: 2px;
}
.pear-admin.banner-layout .layui-header .layui-layout-control {
display: inline-block;
left: 370px;
}
/** 头部主题 */
.pear-admin .auto-theme {
background-color: var(--global-primary-color);
color: white;
}
.pear-admin .auto-theme .layui-logo {
background-color: var(--global-primary-color);
border: none;
}
.pear-admin .auto-theme .layui-logo .title {
color: white;
}
.pear-admin .auto-theme .layui-nav * {
color: white !important;
}
.pear-admin .auto-theme .layui-nav.pear-nav-control .layui-this * {
color: black !important;
}
.pear-admin .auto-theme .layui-nav .layui-nav-child a {
color: #5f5f5f !important;
color: rgba(0, 0, 0, 0.8) !important;
}
/** 收缩布局 */
.pear-mini .layui-side .layui-logo .title {
display: none;
}
.pear-mini .layui-side .layui-logo .logo {
display: inline-block;
}
.pear-mini .layui-side {
width: 60px;
}
.pear-mini .layui-header {
left: 60px;
width: calc(100% - 60px);
}
.pear-mini .layui-body {
left: 60px;
}
.pear-mini .layui-side .layui-logo {
width: 60px;
}
.pear-mini .layui-footer {
left: 60px;
}
.pear-mini .layui-nav-tree .layui-nav-item span {
display: none;
}
.pear-mini .layui-side-scroll {
height: calc(100% - 60px);
}
.pear-admin .layui-header .layui-nav .layui-nav-bar {
top: 0px !important;
background-color: var(--global-primary-color);
height: 2px !important;
}
.pear-admin .layui-header .layui-nav .layui-this:after {
display: none;
}
.pear-admin .layui-header .layui-nav-more {
display: none;
}
.pear-collapsed-pe {
right: 30px;
bottom: 30px;
z-index: 400000;
position: absolute;
background-color: var(--global-primary-color) !important;
box-shadow: 2px 0 6px rgba(0, 21, 41, 0.2);
text-align: center;
border-radius: 4px;
line-height: 50px;
display: none;
height: 50px;
width: 50px;
}
.pear-collapsed-pe a {
color: white !important;
}
@media screen and (min-width: 768px) {
.layui-hide-sm {
display: inline-block !important;
}
}
@media screen and (min-width: 769px) {
.layui-hide-sm {
display: none !important;
}
}
/** 新增兼容 */
@media screen and (max-width: 768px) {
.collapse {
display: none !important;
}
.pear-collapsed-pe {
display: inline-block !important;
}
.layui-layout-control {
left: 45px !important;
}
.layui-layout-left {
padding-left: 10px;
padding-right: 10px;
}
.pear-mini .layui-side-scroll {
height: calc(100% - 62px);
}
.pear-mini .layui-side {
width: 0px;
}
.pear-mini .layui-header {
left: 0px;
width: 100%;
}
.pear-mini .layui-body {
left: 0px;
}
.pear-mini .layui-footer {
left: 0px;
}
.pear-mini .layui-logo {
width: 0px;
}
.pear-admin .layui-body {
left: 0px;
}
.pear-admin .layui-header {
left: 0px;
width: 100%;
}
.pear-admin .pear-cover {
width: 100%;
height: 100%;
background-color: #1e1e1e;
display: block;
position: absolute;
z-index: 1000;
opacity: 0;
margin-top: -60px;
}
.pear-mini .pear-cover {
display: none;
}
}
@-webkit-keyframes am-horizontal-roll_show {
0% {
opacity: 1;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes am-horizontal-roll_show {
0% {
opacity: 1;
-webkit-transform: translateX(800px);
-ms-transform: translateX(800px);
transform: translateX(800px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.layer-anim-right {
-webkit-animation: am-horizontal-roll_show 0.5s ease-out;
animation: am-horizontal-roll_show 0.5s ease-out;
}
/** 侧边主题 (亮) */
.light-theme.layui-side {
box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05) !important;
}
.light-theme.layui-side .layui-logo {
background-color: white !important;
color: black !important;
border-bottom: 1px whitesmoke solid;
}
.light-theme.layui-side .layui-side-scroll {
background-color: white !important;
color: black !important;
}
.dark-theme.layui-header {
border-bottom: none;
background-color: #28333e;
color: whitesmoke;
}
.dark-theme.layui-header li > a {
color: whitesmoke !important;
}
.dark-theme.layui-header .layui-logo {
box-shadow: none;
border: none;
}
/** 顶部主题 (白) */
.light-theme.layui-header .layui-logo {
background-color: white;
border: none;
box-shadow: none;
}
/** 主题面板 */
.pearone-color .set-text {
height: 42px;
line-height: 42px;
}
.pearone-color .color-title {
padding: 15px 0 0px 20px;
margin-bottom: 4px;
}
.pearone-color .color-content {
padding: 15px 10px 0 20px;
}
.pearone-color .color-content ul {
list-style: none;
padding: 0px;
}
.pearone-color .color-content ul li {
position: relative;
display: inline-block;
vertical-align: top;
width: 70px;
height: 50px;
margin: 0 20px 20px 0;
padding: 2px 2px 2px 2px;
background-color: #f2f2f2;
cursor: pointer;
font-size: 12px;
color: #666;
}
.pearone-color .color-content li.layui-this:after,
.pearone-color .color-content li:hover:after {
width: 100%;
height: 100%;
padding: 4px;
top: -6px;
left: -6px;
border: var(--global-primary-color) 2px solid;
opacity: 1;
border-radius: 4px;
}
.pearone-color .color-content li:after {
content: "";
position: absolute;
z-index: 20;
top: 50%;
left: 50%;
width: 1px;
height: 0;
border: 2px solid #f2f2f2;
transition: all 0.3s;
-webkit-transition: all 0.3s;
opacity: 0;
}
.select-color {
margin-bottom: 30px;
}
.select-color .select-color-title {
padding: 15px 0 0px 20px;
margin-bottom: 4px;
}
.select-color .select-color-content {
padding: 20px 0 0px 0px;
margin-bottom: 4px;
}
.select-color .select-color-content .select-color-item {
width: 24px;
height: 24px;
color: white;
margin-left: 24px;
border-radius: 3px;
background-color: gray;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
text-align: center;
line-height: 24px;
font-size: 14px;
float: left;
}
.message .layui-tab-title li:not(:last-child) {
border-right: 1px solid #eee;
}
/** 首屏加载 */
.loader-wrapper {
position: fixed;
width: 100%;
height: 100%;
background-color: whitesmoke;
z-index: 9999999;
}
.loader {
width: 50px;
height: 50px;
margin: 30px auto 40px;
margin-top: 20%;
position: relative;
z-index: 999999;
background-color: whitesmoke;
}
.loader:before {
content: "";
width: 50px;
height: 7px;
border-radius: 50%;
background: #000;
opacity: 0.1;
position: absolute;
top: 59px;
left: 0;
animation: shadow 0.5s linear infinite;
}
.loader:after {
content: "";
width: 50px;
height: 50px;
border-radius: 3px;
background-color: var(--global-primary-color);
position: absolute;
top: 0;
left: 0;
animation: loading 0.5s linear infinite;
}
@-webkit-keyframes loading {
17% {
border-bottom-right-radius: 3px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes loading {
17% {
border-bottom-right-radius: 3px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%,
100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%,
100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
+351
View File
@@ -0,0 +1,351 @@
/** loader */
.pear-admin-dark .loader-wrapper,
.pear-admin-dark .loader-wrapper .loader {
background-color: #141414;
}
/** layout */
.pear-admin-dark .layui-layout {
background-color: #141414;
}
/** header */
.pear-admin-dark .layui-header,
.pear-admin-dark .layui-header .layui-logo {
background-color: #141414 !important;
box-shadow: none !important;
border: none !important;
}
.pear-admin-dark .layui-header.auto-theme,
.pear-admin-dark .layui-header.auto-theme .layui-logo {
background-color: var(--global-primary-color) !important;
}
.pear-admin-dark .layui-header.auto-theme .layui-logo .title {
color: #ffffff !important;
}
.pear-admin-dark .layui-header {
border: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.pear-admin-dark .layui-header .layui-nav * {
color: #ffffff !important;
}
.pear-admin-dark .layui-header .layui-nav .layui-nav-child {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6) !important;
background-color: #141414;
border-color: #141414;
}
.pear-admin-dark .layui-header .layui-nav .layui-nav-child dd > a:hover {
background-color: #141414 !important;
}
.pear-admin-dark .layui-header .pear-nav-control .layui-this a {
background-color: #0c0c0c !important;
}
.pear-admin-dark .auto-theme .layui-logo .title {
color: var(--global-primary-color) !important;
}
/** side */
.pear-admin-dark .layui-side {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6) !important;
}
.pear-admin-dark .layui-logo {
border-color: rgba(0, 0, 0, 0.3) !important;
}
.pear-admin-dark .layui-side .layui-logo,
.pear-admin-dark .layui-side .layui-side-scroll,
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav-tree {
background-color: #141414 !important;
}
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav-tree
.layui-nav-child {
background-color: rgba(0, 0, 0, 0.3) !important;
}
.pear-admin-dark .layui-side .layui-side-scroll .layui-nav .layui-nav-item a,
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav
.layui-nav-item
a
> .layui-nav-more {
color: rgba(255, 255, 255, 0.7) !important;
}
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav
.layui-nav-child
dd.layui-this
a,
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav
.layui-nav-itemed
> a,
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav
.layui-nav-itemed
> a
> .layui-nav-more,
.pear-admin-dark
.layui-side
.layui-side-scroll
.layui-nav
.layui-nav-item
> a:hover {
color: #ffffff !important;
}
/** body */
.pear-admin-dark .layui-body,
.pear-admin-dark .layui-body .pear-tab-page-loading,
.pear-admin-dark .layui-body .pear-page-loading {
background-color: #0a0a0a !important;
}
.pear-admin-dark .layui-body .layui-tab .layui-tab-title,
.pear-admin-dark .layui-body .layui-tab .layui-tab-title li,
.pear-admin-dark .layui-body .layui-tab .layui-tab-control li {
background-color: #141414 !important;
border-color: rgba(0, 0, 0, 0.3) !important;
color: #ffffff;
}
.pear-admin-dark .layui-body .layui-tab .layui-tab-title li > span:first-child {
background-color: #434343;
}
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim {
border-color: #141414;
background-color: #141414 !important;
}
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a {
color: #ffffff;
}
.pear-admin-dark .layui-body .layui-tab .layui-nav-child.layui-anim a:hover {
background-color: #0a0a0a;
}
.pear-admin-dark .pear-tab-page-menu ul li {
color: #ffffff !important;
}
.pear-admin-dark .layui-footer {
background-color: #141414;
border-top: 1px solid #141414;
}
/** theme */
.pear-admin-dark .set-text,
.pear-admin-dark .select-color-title,
.pear-admin-dark .color-title {
color: #ffffff;
}
/** search */
.pear-admin-dark .menu-search-no-data {
color: #ffffff;
}
.pear-admin-dark .menu-search-tips * {
color: #ffffff;
}
.pear-admin-dark .menu-search-tips kbd {
border-color: rgba(0, 0, 0, 0.3) !important;
}
/** message center */
.pear-admin-dark .pear-message-center .layui-tab-title,
.pear-admin-dark .pear-message-center .message-item {
border-color: rgba(0, 0, 0, 0.3) !important;
color: #ffffff;
}
/** button */
.pear-admin-dark .layui-btn {
color: #ffffff;
border-color: #4c4d4f;
}
/** layer */
.pear-admin-dark .layui-layer {
background-color: #141414;
}
.pear-admin-dark .layui-layer-msg {
border-color: #141414;
}
.pear-admin-dark .layui-layer-msg .layui-layer-content {
color: #e5eaf3;
}
.pear-admin-dark .layui-layer .layui-layer-setwin > span,
.pear-admin-dark .layui-layer .layui-layer-title {
color: #ffffff;
}
/** card */
.pear-admin-dark .layui-card {
background-color: #1d1e1f !important;
}
.pear-admin-dark .layui-card .layui-card-header {
border-bottom-color: #414243;
color: #ffffff;
}
.pear-admin-dark .layui-card .layui-card-body {
color: #ffffff;
}
/** input */
.pear-admin-dark .layui-input {
background-color: transparent;
color: #ffffff;
border-color: rgba(0, 0, 0, 0.3) !important;
}
/** switch */
.pear-admin-dark .layui-form-switch {
border-color: #484849;
background-color: rgba(255, 255, 255, 0.08);
}
/** table */
.pear-admin-dark .layui-table {
background-color: transparent;
}
.pear-admin-dark .layui-table tr:hover {
background-color: #141414 !important;
}
.pear-admin-dark .layui-table td,
.pear-admin-dark .layui-table th,
.pear-admin-dark .layui-table-view,
.pear-admin-dark .layui-table-page,
.pear-admin-dark .layui-table-tool,
.pear-admin-dark .layui-table-header {
border-color: rgba(0, 0, 0, 0.4) !important;
}
.pear-admin-dark .layui-laypage select,
.pear-admin-dark .layui-laypage button {
border-color: rgba(0, 0, 0, 0.4) !important;
color: #ffffff !important;
background-color: transparent;
}
.pear-admin-dark .layui-table-tool-self > div {
border-color: rgba(0, 0, 0, 0.4) !important;
color: #ffffff !important;
background-color: transparent;
}
/** panel */
.pear-admin-dark .layui-panel {
background-color: #1d1e1f !important;
border-color: #1d1e1f !important;
}
/** menu */
.pear-admin-dark .layui-menu {
background-color: #1d1e1f !important;
}
.pear-admin-dark .layui-menu .layui-menu-body-title,
.pear-admin-dark .layui-menu .layui-menu-body-title:hover {
color: #ffffff;
background-color: #1d1e1f !important;
}
/** timeline */
.pear-admin-dark .layui-timeline-axis {
background-color: rgb(29, 30, 31) !important;
}
.pear-admin-dark .layui-timeline-item:before {
background-color: #414243 !important;
}
/** toast */
.pear-admin-dark .iziToast {
background-color: #1f1f1f !important;
}
/** console */
.pear-admin-dark .deputy,
.pear-admin-dark .shortcut-menu {
background-color: #141414 !important;
}
.pear-admin-dark .deputy:hover,
.pear-admin-dark .shortcut-menu:hover {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6) !important;
}
.pear-admin-dark .message-board li {
border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
}
/** analysis */
.pear-admin-dark .top-panel-number {
color: #ffffff !important;
border-color: #414243;
}
.pear-admin-dark .dynamic-status dd {
border-color: #414243;
}
/** success failure */
.pear-admin-dark .pear-result .content {
background-color: rgba(153, 153, 153, 0.12);
color: #e5eaf3;
}
.pear-admin-dark .pear-result .title {
color: #ffffff;
}
.pear-admin-dark .pear-result .description {
color: #8d9095;
}
/** 403 404 500*/
.pear-admin-dark .pear-exception .title p {
color: #e5eaf3 !important;
}
/** scroll */
.pear-admin-dark *::-webkit-scrollbar-thumb {
background: #141414;
border-radius: 4px;
}
.pear-admin-dark *::-webkit-scrollbar-thumb:hover {
background: #0a0a0a;
}
+65
View File
@@ -0,0 +1,65 @@
.top-panel {
border-radius: 4px;
text-align: center;
}
.top-panel > .layui-card-body {
height: 60px;
}
.top-panel-number {
line-height: 60px;
font-size: 29px;
border-right: 1px solid #eceff9;
}
.top-panel-tips {
padding-left: 8px;
padding-top: 16px;
line-height: 30px;
font-size: 12px;
}
.top-panel-tips i {
font-size: 33px;
}
.top-panel-tips svg {
margin-top: -12px;
width: 50px;
height: 50px;
}
.dynamic-status {
padding: 0 10px 10px;
}
.dynamic-status dd {
padding: 15px 0;
border-bottom: 1px solid #eee;
display: -webkit-flex;
display: flex;
}
.dynamic-status dd div.dynamic-status-img {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 15px;
}
.dynamic-status dd div.dynamic-status-img a {
width: 100%;
height: 100%;
display: inline-block;
text-align: center;
line-height: 32px;
}
.dynamic-status dd div span {
color: #bbb;
}
.dynamic-status dd div a {
color: #01aaed;
}
+80
View File
@@ -0,0 +1,80 @@
.shortcut-menu {
width: 100%;
height: 66px;
background-color: #f8f8f8;
display: inline-block;
border-radius: 5px;
text-align: center;
margin-bottom: 3px;
}
.shortcut-menu i {
font-size: 30px;
height: 66px;
line-height: 66px;
}
.shortcut-menu:hover {
box-shadow: 2px 0 8px 0 lightgray !important;
}
.shortcut-menu-label {
width: 100%;
display: inline-block;
text-align: center;
}
.deputy {
width: 100%;
height: 90px;
background-color: #f8f8f8;
display: inline-block;
border-radius: 5px;
text-align: center;
margin-bottom: 3px;
}
.deputy:hover {
box-shadow: 2px 0 8px 0 lightgray !important;
}
.deputy .deputy-label {
color: gray;
margin-top: 14px;
font-size: 14px;
}
.deputy .deputy-count {
margin-top: 12px;
color: var(--global-primary-color);
font-size: 30px;
}
.message-board {
padding: 0 10px 10px;
}
.message-board li {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.message-board li p {
padding-bottom: 10px;
padding-top: 3px;
}
.message-board li > span {
color: #999;
height: 24px;
line-height: 24px;
}
.message-board .message-board-reply {
position: absolute;
right: 20px;
bottom: 12px;
height: 24px;
line-height: 24px;
}
+28
View File
@@ -0,0 +1,28 @@
.pear-exception {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
box-sizing: border-box;
padding: 70px 40px;
}
.pear-exception .title {
margin-top: 20px;
}
.pear-exception .title p {
color: rgb(0, 0, 0);
font-size: 20px;
}
.pear-exception .description {
margin-top: 10px;
color: #8d9095;
font-size: 14px;
}
.pear-exception .extra {
margin: 30px;
}
+12
View File
@@ -0,0 +1,12 @@
.demo-login-container {
width: 320px;
margin: 220px auto 0;
}
.demo-login-other .layui-icon {
position: relative;
display: inline-block;
margin: 0 2px;
top: 2px;
font-size: 26px;
}
+12
View File
@@ -0,0 +1,12 @@
.demo-reg-container {
width: 320px;
margin: 220px auto 0;
}
.demo-reg-other .layui-icon {
position: relative;
display: inline-block;
margin: 0 2px;
top: 2px;
font-size: 26px;
}
+36
View File
@@ -0,0 +1,36 @@
.pear-result {
text-align: center;
}
.pear-result .success svg {
color: #32c682;
text-align: center;
margin-top: 40px;
}
.pear-result .error svg {
color: #f56c6c;
text-align: center;
margin-top: 40px;
}
.pear-result .title {
margin-top: 25px;
}
.pear-result .description {
margin-top: 25px;
width: 60%;
margin-left: 20%;
color: rgba(0, 0, 0, 0.45);
}
.pear-result .content {
margin-top: 20px;
width: 80%;
border-radius: 4px;
background-color: whitesmoke;
padding: 20px 32px;
margin-left: 10%;
margin-bottom: 30px;
text-align: left;
}
.pear-result .extra {
padding-top: 10px;
margin-top: 25px;
}
+40
View File
@@ -0,0 +1,40 @@
.layui-dropdown {
border-radius: var(--global-border-radius);
}
.layui-input {
border-radius: var(--global-border-radius);
}
.layui-form-onswitch {
background-color: var(--global-primary-color) !important;
}
.layui-btn {
background-color: var(--global-primary-color);
}
.layui-btn.layui-btn-normal {
background-color: #1e9fff !important;
}
.layui-btn.layui-btn-danger {
background-color: #ff5722 !important;
}
.layui-btn.layui-btn-warm {
background-color: #ffb800 !important;
}
.layui-btn.layui-btn-primary {
background-color: transparent !important;
color: #5f5f5f !important;
}
.layui-card {
border-radius: var(--global-border-radius);
}
.layui-timeline-axis {
color: var(--global-primary-color);
}
+5
View File
@@ -0,0 +1,5 @@
:root {
--global-primary-color: #16baaa;
--global-border-radius: 4px;
}
+26
View File
@@ -0,0 +1,26 @@
[
{
"id": 1,
"title": "工作空间",
"icon": "layui-icon layui-icon-console",
"type": 0,
"children": [
{
"id": "10",
"title": "分析页",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_component",
"href": "view/analysis/index.html"
},
{
"id": "11",
"title": "工作台",
"icon": "layui-icon layui-icon-console",
"type": 1,
"openType": "_component",
"href": "view/console/index.html"
}
]
}
]
+102
View File
@@ -0,0 +1,102 @@
{
"code": 200,
"data": [
{
"id": 1,
"title": "通知",
"children": [
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
"title": "你收到了 14 份新周报",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 12,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
"title": "曲妮妮 已通过第三轮面试",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
"title": "可以区分多种通知类型",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 12,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
"title": "左侧图标用于区分不同的类型",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
"title": "内容不要超过两行字",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
}
]
},
{
"id": 2,
"title": "消息",
"children": [
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
"title": "你收到了 14 份新周报",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 12,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
"title": "曲妮妮 已通过第三轮面试",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
"title": "可以区分多种通知类型",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 12,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
"title": "左侧图标用于区分不同的类型",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
},
{
"id": 11,
"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
"title": "内容不要超过两行字",
"context": "这是消息内容。",
"form": "就眠仪式",
"time": "刚刚"
}
]
},
{
"id": 3,
"title": "代办",
"children": []
}
]
}
+303
View File
@@ -0,0 +1,303 @@
{
"code": 0,
"msg": "",
"count": 1000,
"totalRow": {
"era": {
"tang": "2",
"song": "2",
"xian": "20"
}
},
"data": [
{
"id": "10001",
"username": "就眠儀式",
"email": "test1@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10002",
"username": "杜甫",
"email": "test2@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "108",
"joinTime": "2016-10-14",
"LAY_CHECKED": true
},
{
"id": "10003",
"username": "就眠儀式",
"email": "test3@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10004",
"username": "就眠儀式",
"email": "test4@email.com",
"sex": "女",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10005",
"username": "就眠儀式",
"email": "test5@email.com",
"sex": "女",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10006",
"username": "就眠儀式",
"email": "test6@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10007",
"username": "就眠儀式",
"email": "test7@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10008",
"username": "就眠儀式",
"email": "test8@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10009",
"username": "就眠儀式",
"email": "test9@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10010",
"username": "就眠儀式",
"email": "test10@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10011",
"username": "就眠儀式",
"email": "test11@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10012",
"username": "就眠儀式",
"email": "test12@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10013",
"username": "就眠儀式",
"email": "test13@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10014",
"username": "就眠儀式",
"email": "test14@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10015",
"username": "就眠儀式",
"email": "test15@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10016",
"username": "就眠儀式",
"email": "test16@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10017",
"username": "就眠儀式",
"email": "test17@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10018",
"username": "就眠儀式",
"email": "test18@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10019",
"username": "就眠儀式",
"email": "test19@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10020",
"username": "就眠儀式",
"email": "test20@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10021",
"username": "就眠儀式",
"email": "test21@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10022",
"username": "就眠儀式",
"email": "test22@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10023",
"username": "就眠儀式",
"email": "test23@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
},
{
"id": "10024",
"username": "就眠儀式",
"email": "test24@email.com",
"sex": "男",
"city": "浙江杭州",
"sign": "花开堪折直须折,莫待无花空折枝.",
"experience": "100",
"ip": "192.168.0.8",
"checkin": "106",
"joinTime": "2016-10-14"
}
]
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

+68
View File
@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1361px" height="609px" viewBox="0 0 1361 609" version="1.1">
<!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
<title>Group 21</title>
<desc>Created with Sketch.</desc>
<defs/>
<g id="Ant-Design-Pro-3.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="账户密码登录-校验" transform="translate(-79.000000, -82.000000)">
<g id="Group-21" transform="translate(77.000000, 73.000000)">
<g id="Group-18" opacity="0.8" transform="translate(74.901416, 569.699158) rotate(-7.000000) translate(-74.901416, -569.699158) translate(4.901416, 525.199158)">
<ellipse id="Oval-11" fill="#CFDAE6" opacity="0.25" cx="63.5748792" cy="32.468367" rx="21.7830479" ry="21.766008"/>
<ellipse id="Oval-3" fill="#CFDAE6" opacity="0.599999964" cx="5.98746479" cy="13.8668601" rx="5.2173913" ry="5.21330997"/>
<path d="M38.1354514,88.3520215 C43.8984227,88.3520215 48.570234,83.6838647 48.570234,77.9254015 C48.570234,72.1669383 43.8984227,67.4987816 38.1354514,67.4987816 C32.3724801,67.4987816 27.7006688,72.1669383 27.7006688,77.9254015 C27.7006688,83.6838647 32.3724801,88.3520215 38.1354514,88.3520215 Z" id="Oval-3-Copy" fill="#CFDAE6" opacity="0.45"/>
<path d="M64.2775582,33.1704963 L119.185836,16.5654915" id="Path-12" stroke="#CFDAE6" stroke-width="1.73913043" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42.1431708,26.5002681 L7.71190162,14.5640702" id="Path-16" stroke="#E0B4B7" stroke-width="0.702678964" opacity="0.7" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"/>
<path d="M63.9262187,33.521561 L43.6721326,69.3250951" id="Path-15" stroke="#BACAD9" stroke-width="0.702678964" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="1.405357899873153,2.108036953469981"/>
<g id="Group-17" transform="translate(126.850922, 13.543654) rotate(30.000000) translate(-126.850922, -13.543654) translate(117.285705, 4.381889)" fill="#CFDAE6">
<ellipse id="Oval-4" opacity="0.45" cx="9.13482653" cy="9.12768076" rx="9.13482653" ry="9.12768076"/>
<path d="M18.2696531,18.2553615 C18.2696531,13.2142826 14.1798519,9.12768076 9.13482653,9.12768076 C4.08980114,9.12768076 0,13.2142826 0,18.2553615 L18.2696531,18.2553615 Z" id="Oval-4" transform="translate(9.134827, 13.691521) scale(-1, -1) translate(-9.134827, -13.691521) "/>
</g>
</g>
<g id="Group-14" transform="translate(216.294700, 123.725600) rotate(-5.000000) translate(-216.294700, -123.725600) translate(106.294700, 35.225600)">
<ellipse id="Oval-2" fill="#CFDAE6" opacity="0.25" cx="29.1176471" cy="29.1402439" rx="29.1176471" ry="29.1402439"/>
<ellipse id="Oval-2" fill="#CFDAE6" opacity="0.3" cx="29.1176471" cy="29.1402439" rx="21.5686275" ry="21.5853659"/>
<ellipse id="Oval-2-Copy" stroke="#CFDAE6" opacity="0.4" cx="179.019608" cy="138.146341" rx="23.7254902" ry="23.7439024"/>
<ellipse id="Oval-2" fill="#BACAD9" opacity="0.5" cx="29.1176471" cy="29.1402439" rx="10.7843137" ry="10.7926829"/>
<path d="M29.1176471,39.9329268 L29.1176471,18.347561 C23.1616351,18.347561 18.3333333,23.1796097 18.3333333,29.1402439 C18.3333333,35.1008781 23.1616351,39.9329268 29.1176471,39.9329268 Z" id="Oval-2" fill="#BACAD9"/>
<g id="Group-9" opacity="0.45" transform="translate(172.000000, 131.000000)" fill="#E6A1A6">
<ellipse id="Oval-2-Copy-2" cx="7.01960784" cy="7.14634146" rx="6.47058824" ry="6.47560976"/>
<path d="M0.549019608,13.6219512 C4.12262681,13.6219512 7.01960784,10.722722 7.01960784,7.14634146 C7.01960784,3.56996095 4.12262681,0.670731707 0.549019608,0.670731707 L0.549019608,13.6219512 Z" id="Oval-2-Copy-2" transform="translate(3.784314, 7.146341) scale(-1, 1) translate(-3.784314, -7.146341) "/>
</g>
<ellipse id="Oval-10" fill="#CFDAE6" cx="218.382353" cy="138.685976" rx="1.61764706" ry="1.61890244"/>
<ellipse id="Oval-10-Copy-2" fill="#E0B4B7" opacity="0.35" cx="179.558824" cy="175.381098" rx="1.61764706" ry="1.61890244"/>
<ellipse id="Oval-10-Copy" fill="#E0B4B7" opacity="0.35" cx="180.098039" cy="102.530488" rx="2.15686275" ry="2.15853659"/>
<path d="M28.9985381,29.9671598 L171.151018,132.876024" id="Path-11" stroke="#CFDAE6" opacity="0.8"/>
</g>
<g id="Group-10" opacity="0.799999952" transform="translate(1054.100635, 36.659317) rotate(-11.000000) translate(-1054.100635, -36.659317) translate(1026.600635, 4.659317)">
<ellipse id="Oval-7" stroke="#CFDAE6" stroke-width="0.941176471" cx="43.8135593" cy="32" rx="11.1864407" ry="11.2941176"/>
<g id="Group-12" transform="translate(34.596774, 23.111111)" fill="#BACAD9">
<ellipse id="Oval-7" opacity="0.45" cx="9.18534718" cy="8.88888889" rx="8.47457627" ry="8.55614973"/>
<path d="M9.18534718,17.4450386 C13.8657264,17.4450386 17.6599235,13.6143199 17.6599235,8.88888889 C17.6599235,4.16345787 13.8657264,0.332739156 9.18534718,0.332739156 L9.18534718,17.4450386 Z" id="Oval-7"/>
</g>
<path d="M34.6597385,24.809694 L5.71666084,4.76878945" id="Path-2" stroke="#CFDAE6" stroke-width="0.941176471"/>
<ellipse id="Oval" stroke="#CFDAE6" stroke-width="0.941176471" cx="3.26271186" cy="3.29411765" rx="3.26271186" ry="3.29411765"/>
<ellipse id="Oval-Copy" fill="#F7E1AD" cx="2.79661017" cy="61.1764706" rx="2.79661017" ry="2.82352941"/>
<path d="M34.6312443,39.2922712 L5.06366663,59.785082" id="Path-10" stroke="#CFDAE6" stroke-width="0.941176471"/>
</g>
<g id="Group-19" opacity="0.33" transform="translate(1282.537219, 446.502867) rotate(-10.000000) translate(-1282.537219, -446.502867) translate(1142.537219, 327.502867)">
<g id="Group-17" transform="translate(141.333539, 104.502742) rotate(275.000000) translate(-141.333539, -104.502742) translate(129.333539, 92.502742)" fill="#BACAD9">
<circle id="Oval-4" opacity="0.45" cx="11.6666667" cy="11.6666667" r="11.6666667"/>
<path d="M23.3333333,23.3333333 C23.3333333,16.8900113 18.1099887,11.6666667 11.6666667,11.6666667 C5.22334459,11.6666667 0,16.8900113 0,23.3333333 L23.3333333,23.3333333 Z" id="Oval-4" transform="translate(11.666667, 17.500000) scale(-1, -1) translate(-11.666667, -17.500000) "/>
</g>
<circle id="Oval-5-Copy-6" fill="#CFDAE6" cx="201.833333" cy="87.5" r="5.83333333"/>
<path d="M143.5,88.8126685 L155.070501,17.6038544" id="Path-17" stroke="#BACAD9" stroke-width="1.16666667"/>
<path d="M17.5,37.3333333 L127.466252,97.6449735" id="Path-18" stroke="#BACAD9" stroke-width="1.16666667"/>
<polyline id="Path-19" stroke="#CFDAE6" stroke-width="1.16666667" points="143.902597 120.302281 174.935455 231.571342 38.5 147.510847 126.366941 110.833333"/>
<path d="M159.833333,99.7453842 L195.416667,89.25" id="Path-20" stroke="#E0B4B7" stroke-width="1.16666667" opacity="0.6"/>
<path d="M205.333333,82.1372105 L238.719406,36.1666667" id="Path-24" stroke="#BACAD9" stroke-width="1.16666667"/>
<path d="M266.723424,132.231988 L207.083333,90.4166667" id="Path-25" stroke="#CFDAE6" stroke-width="1.16666667"/>
<circle id="Oval-5" fill="#C1D1E0" cx="156.916667" cy="8.75" r="8.75"/>
<circle id="Oval-5-Copy-3" fill="#C1D1E0" cx="39.0833333" cy="148.75" r="5.25"/>
<circle id="Oval-5-Copy-2" fill-opacity="0.6" fill="#D1DEED" cx="8.75" cy="33.25" r="8.75"/>
<circle id="Oval-5-Copy-4" fill-opacity="0.6" fill="#D1DEED" cx="243.833333" cy="30.3333333" r="5.83333333"/>
<circle id="Oval-5-Copy-5" fill="#E0B4B7" cx="175.583333" cy="232.75" r="5.25"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB