mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-05 19:41:44 +08:00
[更新]修改后台less样式
This commit is contained in:
Anyon
parent
e58c261307
commit
4059705596
4
.gitignore
vendored
4
.gitignore
vendored
@ -14,7 +14,3 @@
|
||||
/public/static/theme/css/console.layout.css.map
|
||||
/public/static/theme/css/console.layui.css
|
||||
/public/static/theme/css/console.layui.css.map
|
||||
/public/static/theme/css/console.mobile.css
|
||||
/public/static/theme/css/console.mobile.css.map
|
||||
/public/static/theme/css/console.page.css
|
||||
/public/static/theme/css/console.page.css.map
|
||||
|
||||
@ -44,428 +44,6 @@ body a:hover {
|
||||
body input::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
/* 页面布局 - 全局 */
|
||||
.layui-layout > .layui-side {
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.layui-layout > .layui-body {
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card > .layui-card-body {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card > .layui-card-header {
|
||||
height: 50px;
|
||||
border: none;
|
||||
line-height: 50px;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
background: #fff;
|
||||
}
|
||||
/* 页面布局 - 头部 */
|
||||
.layui-header {
|
||||
height: 50px;
|
||||
background: #393D49 !important;
|
||||
}
|
||||
.layui-header [data-target-menu-type] {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.layui-header .layui-layout-left,
|
||||
.layui-header .layui-layout-right {
|
||||
padding: 0;
|
||||
}
|
||||
.layui-header .layui-logo {
|
||||
color: #fff;
|
||||
width: 199px;
|
||||
height: auto;
|
||||
font-size: 18px;
|
||||
line-height: 49px;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.layui-header .layui-logo sup {
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
}
|
||||
.layui-header .layui-nav-item {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.layui-header .layui-nav-item.layui-this {
|
||||
background: #009688;
|
||||
}
|
||||
.layui-header .layui-nav-item > a {
|
||||
color: #fff !important;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child {
|
||||
top: 49px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
line-height: 45px;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child + a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child.layui-show + a {
|
||||
background: #fff;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
|
||||
color: #333;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child dd a {
|
||||
padding: 0;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
border-top: 1px solid #eaedf1;
|
||||
}
|
||||
.layui-header .layui-nav-bar,
|
||||
.layui-header .layui-nav-item:after {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-header .layui-layout-right > li > a {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
/* 页面布局 - 左则 */
|
||||
.layui-layout > .layui-side .layui-nav-bar {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-side-scroll {
|
||||
width: 100% !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item a {
|
||||
height: 45px;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
color: #fff !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item a:hover {
|
||||
background: hsla(0, 0%, 39%, 0.2) !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-itemed {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-tree-top a {
|
||||
height: 28px !important;
|
||||
line-height: 28px !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-body {
|
||||
left: 50px;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-more {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item a {
|
||||
padding: 0;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
|
||||
display: none;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
|
||||
display: inline-block !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
|
||||
padding: 0;
|
||||
display: block !important;
|
||||
background-color: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side,
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-tree,
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-side-scroll {
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini [data-target-menu-type] i {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide > .layui-body {
|
||||
left: 0 !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide > .layui-side {
|
||||
display: none;
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide [data-target-menu-type] {
|
||||
display: none;
|
||||
}
|
||||
/* 弹框层表单 */
|
||||
fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
}
|
||||
fieldset legend {
|
||||
color: #666;
|
||||
padding: 0 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.form-search .layui-btn {
|
||||
height: 32px;
|
||||
line-height: 28px;
|
||||
font-size: 12px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form-search .layui-form-label {
|
||||
width: auto !important;
|
||||
padding: 0 8px;
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.form-search .layui-input-inline {
|
||||
width: 170px;
|
||||
}
|
||||
.form-search .layui-input-inline input,
|
||||
.form-search .layui-input-inline select {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 2px 8px;
|
||||
line-height: 1em;
|
||||
}
|
||||
.form-search .layui-form-select dl {
|
||||
top: 31px;
|
||||
padding: 0;
|
||||
}
|
||||
.layui-form input.layui-input,
|
||||
.layui-form select.layui-select {
|
||||
line-height: 1em;
|
||||
}
|
||||
/* 表单验证异常提示 */
|
||||
.label-required-prev:before {
|
||||
width: 1em;
|
||||
color: red;
|
||||
content: '*';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
line-height: 1.6em;
|
||||
margin-left: -0.8em;
|
||||
}
|
||||
.label-required:after,
|
||||
.label-required-next:after {
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
color: red;
|
||||
content: '*';
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: 700;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.label-required-null:before {
|
||||
content: none !important;
|
||||
}
|
||||
/** 自定义表单样式 */
|
||||
.think-form-label {
|
||||
padding: 9px 15px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.think-form-group-right {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.think-form-group-left input {
|
||||
border-right: none;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.think-box-shadow {
|
||||
background: #fff;
|
||||
padding: 20px 20px !important;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/** checkbox & radio */
|
||||
label.think-checkbox,
|
||||
label.think-radio {
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
.think-checkbox,
|
||||
.think-radio {
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
font-weight: 400;
|
||||
line-height: 17px;
|
||||
}
|
||||
.think-checkbox input[type=checkbox] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #dcdcdc;
|
||||
cursor: pointer;
|
||||
margin: 0 5px 0 0;
|
||||
position: relative;
|
||||
display: inline-block !important;
|
||||
background: #fff;
|
||||
appearance: none;
|
||||
box-sizing: border-box !important;
|
||||
border-radius: 1px;
|
||||
vertical-align: bottom;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.think-checkbox input[type=checkbox]:checked:after {
|
||||
color: #666;
|
||||
padding: 2px;
|
||||
display: block;
|
||||
content: "\e605";
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
font-family: layui-icon !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.think-radio input[type=radio] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
margin: 0 5px 0 0;
|
||||
position: relative;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block !important;
|
||||
box-sizing: border-box !important;
|
||||
appearance: none;
|
||||
background: #fff;
|
||||
border-radius: 1em;
|
||||
vertical-align: bottom;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.think-radio input[type=radio]:checked:after {
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
content: '';
|
||||
display: block;
|
||||
position: relative;
|
||||
background: #666;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.layui-form.layui-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
.layui-layer-content .layui-form.layui-card .layui-card-body {
|
||||
padding: 20px 40px 0 0;
|
||||
}
|
||||
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
||||
top: 50% !important;
|
||||
margin-top: -15px !important;
|
||||
}
|
||||
.laydate-footer-btns span {
|
||||
line-height: 24px !important;
|
||||
}
|
||||
/** Layui样式调整 */
|
||||
.layui-input,
|
||||
.layui-select {
|
||||
line-height: 38px;
|
||||
}
|
||||
.layui-btn-primary.layui-btn-xs {
|
||||
line-height: 20px;
|
||||
}
|
||||
.layui-btn-primary.layui-btn-sm {
|
||||
line-height: 28px;
|
||||
}
|
||||
/* 下拉样式 */
|
||||
.layui-nav .layui-nav-item .layui-nav-more {
|
||||
top: 0;
|
||||
border: none;
|
||||
right: 15px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-family: layui-icon !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.layui-nav .layui-nav-item .layui-nav-more::before {
|
||||
content: "\e619";
|
||||
}
|
||||
.layui-nav .layui-nav-item .layui-nav-mored,
|
||||
.layui-nav .layui-nav-itemed .layui-nav-more {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
.layui-table td,
|
||||
.layui-table th {
|
||||
font-size: 12px;
|
||||
}
|
||||
.layui-table .list-table-image {
|
||||
width: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layui-table .list-table-sort-td {
|
||||
width: 10px !important;
|
||||
text-align: center !important;
|
||||
padding-left: 5px !important;
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
.layui-table .list-table-sort-td button {
|
||||
width: 56px;
|
||||
background: #009688;
|
||||
}
|
||||
.layui-table .list-table-sort-td input {
|
||||
width: 50px;
|
||||
color: #666;
|
||||
padding: 2px;
|
||||
border: 1px solid #e6e6e6;
|
||||
text-align: center;
|
||||
font-size: 9pt;
|
||||
line-height: 18px;
|
||||
}
|
||||
.layui-table .list-table-check-td {
|
||||
width: 10px !important;
|
||||
text-align: center;
|
||||
padding-left: 15px !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
.layui-table .list-table-check-td input {
|
||||
margin: 0 !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.layui-table td .text-explode {
|
||||
color: #ccc !important;
|
||||
margin: 0 4px !important;
|
||||
}
|
||||
.layui-table td .text-explode:first-child {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
.layui-table td .background-image {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
background: no-repeat center center;
|
||||
background-size: cover;
|
||||
vertical-align: middle;
|
||||
}
|
||||
[data-tips-image] {
|
||||
cursor: zoom-in !important;
|
||||
}
|
||||
.notdata {
|
||||
padding: 15px;
|
||||
display: block;
|
||||
@ -964,6 +542,474 @@ label.think-radio {
|
||||
background: #dcdcdc;
|
||||
border-color: #dcdcdc;
|
||||
}
|
||||
[data-tips-image] {
|
||||
cursor: zoom-in !important;
|
||||
}
|
||||
/* 弹框层表单 */
|
||||
fieldset {
|
||||
margin: 0;
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 10px 20px 5px 20px;
|
||||
}
|
||||
fieldset legend {
|
||||
color: #666;
|
||||
padding: 0 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.form-search .layui-btn {
|
||||
height: 32px;
|
||||
line-height: 28px;
|
||||
font-size: 12px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.form-search .layui-form-label {
|
||||
width: auto !important;
|
||||
padding: 0 8px;
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.form-search .layui-input-inline {
|
||||
width: 170px;
|
||||
}
|
||||
.form-search .layui-input-inline input,
|
||||
.form-search .layui-input-inline select {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 2px 8px;
|
||||
line-height: 1em;
|
||||
}
|
||||
.form-search .layui-form-select dl {
|
||||
top: 31px;
|
||||
padding: 0;
|
||||
}
|
||||
.layui-form input.layui-input,
|
||||
.layui-form select.layui-select {
|
||||
line-height: 1em;
|
||||
}
|
||||
/* 表单验证异常提示 */
|
||||
.label-required-prev:before {
|
||||
width: 1em;
|
||||
color: red;
|
||||
content: '*';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
line-height: 1.6em;
|
||||
margin-left: -0.8em;
|
||||
}
|
||||
.label-required:after,
|
||||
.label-required-next:after {
|
||||
top: 6px;
|
||||
right: 5px;
|
||||
color: red;
|
||||
content: '*';
|
||||
position: absolute;
|
||||
margin-left: 4px;
|
||||
font-weight: 700;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
.label-required-null:before {
|
||||
content: none !important;
|
||||
}
|
||||
/** 自定义表单样式 */
|
||||
.think-form-label {
|
||||
padding: 9px 15px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
text-align: right;
|
||||
}
|
||||
.think-form-group-right {
|
||||
border-left: none;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
.think-form-group-left input {
|
||||
border-right: none;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.think-box-shadow {
|
||||
background: #fff;
|
||||
padding: 20px 20px !important;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
/** checkbox & radio */
|
||||
label.think-checkbox,
|
||||
label.think-radio {
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
.think-checkbox,
|
||||
.think-radio {
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
font-weight: 400;
|
||||
line-height: 17px;
|
||||
}
|
||||
.think-checkbox input[type=checkbox] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #dcdcdc;
|
||||
cursor: pointer;
|
||||
margin: 0 5px 0 0;
|
||||
position: relative;
|
||||
display: inline-block !important;
|
||||
background: #fff;
|
||||
appearance: none;
|
||||
box-sizing: border-box !important;
|
||||
border-radius: 1px;
|
||||
vertical-align: bottom;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.think-checkbox input[type=checkbox]:checked:after {
|
||||
color: #666;
|
||||
padding: 2px;
|
||||
display: block;
|
||||
content: "\e605";
|
||||
font-size: 12px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
position: absolute;
|
||||
font-family: layui-icon !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.think-radio input[type=radio] {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
margin: 0 5px 0 0;
|
||||
position: relative;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block !important;
|
||||
box-sizing: border-box !important;
|
||||
appearance: none;
|
||||
background: #fff;
|
||||
border-radius: 1em;
|
||||
vertical-align: bottom;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.think-radio input[type=radio]:checked:after {
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
content: '';
|
||||
display: block;
|
||||
position: relative;
|
||||
background: #666;
|
||||
border-radius: 1em;
|
||||
}
|
||||
.layui-form.layui-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
.layui-layer-content .layui-form.layui-card .layui-card-body {
|
||||
padding: 20px 40px 0 0;
|
||||
}
|
||||
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
||||
top: 50% !important;
|
||||
margin-top: -15px !important;
|
||||
}
|
||||
.laydate-footer-btns span {
|
||||
line-height: 24px !important;
|
||||
}
|
||||
/** Layui样式调整 */
|
||||
.layui-input,
|
||||
.layui-select {
|
||||
line-height: 38px;
|
||||
}
|
||||
.layui-btn-primary.layui-btn-xs {
|
||||
line-height: 20px;
|
||||
}
|
||||
.layui-btn-primary.layui-btn-sm {
|
||||
line-height: 28px;
|
||||
}
|
||||
/* 下拉样式 */
|
||||
.layui-nav .layui-nav-item .layui-nav-more {
|
||||
top: 0;
|
||||
border: none;
|
||||
right: 15px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-family: layui-icon !important;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
.layui-nav .layui-nav-item .layui-nav-more::before {
|
||||
content: "\e619";
|
||||
}
|
||||
.layui-nav .layui-nav-item .layui-nav-mored,
|
||||
.layui-nav .layui-nav-itemed .layui-nav-more {
|
||||
border: none;
|
||||
margin-top: 0;
|
||||
transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
-webkit-transform: rotate(180deg);
|
||||
}
|
||||
.layui-table td,
|
||||
.layui-table th {
|
||||
font-size: 12px;
|
||||
}
|
||||
.layui-table .list-table-image {
|
||||
width: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layui-table .list-table-sort-td {
|
||||
width: 10px !important;
|
||||
text-align: center !important;
|
||||
padding-left: 5px !important;
|
||||
padding-right: 5px !important;
|
||||
}
|
||||
.layui-table .list-table-sort-td button {
|
||||
width: 56px;
|
||||
background: #009688;
|
||||
}
|
||||
.layui-table .list-table-sort-td input {
|
||||
width: 50px;
|
||||
color: #666;
|
||||
padding: 2px;
|
||||
border: 1px solid #e6e6e6;
|
||||
text-align: center;
|
||||
font-size: 9pt;
|
||||
line-height: 18px;
|
||||
}
|
||||
.layui-table .list-table-check-td {
|
||||
width: 10px !important;
|
||||
text-align: center;
|
||||
padding-left: 15px !important;
|
||||
padding-right: 15px !important;
|
||||
}
|
||||
.layui-table .list-table-check-td input {
|
||||
margin: 0 !important;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.layui-table td .text-explode {
|
||||
color: #ccc !important;
|
||||
margin: 0 4px !important;
|
||||
}
|
||||
.layui-table td .text-explode:first-child {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
.layui-table td .background-image {
|
||||
float: left;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
background: no-repeat center center;
|
||||
background-size: cover;
|
||||
vertical-align: middle;
|
||||
}
|
||||
/* 页面布局 - 全局 */
|
||||
.layui-layout > .layui-side {
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.layui-layout > .layui-body {
|
||||
top: 50px;
|
||||
bottom: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card {
|
||||
box-shadow: none;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card > .layui-card-body {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
.layui-layout > .layui-body > .layui-card > .layui-card-header {
|
||||
height: 50px;
|
||||
border: none;
|
||||
line-height: 50px;
|
||||
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
|
||||
background: #fff;
|
||||
}
|
||||
/* 页面布局 - 头部 */
|
||||
.layui-header {
|
||||
height: 50px;
|
||||
background: #393D49 !important;
|
||||
}
|
||||
.layui-header [data-target-menu-type] {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.layui-header .layui-layout-left,
|
||||
.layui-header .layui-layout-right {
|
||||
padding: 0;
|
||||
}
|
||||
.layui-header .layui-logo {
|
||||
color: #fff;
|
||||
width: 199px;
|
||||
height: auto;
|
||||
font-size: 18px;
|
||||
line-height: 49px;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.layui-header .layui-logo sup {
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
}
|
||||
.layui-header .layui-nav-item {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
.layui-header .layui-nav-item.layui-this {
|
||||
background: #009688;
|
||||
}
|
||||
.layui-header .layui-nav-item > a {
|
||||
color: #fff !important;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child {
|
||||
top: 49px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
line-height: 45px;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child + a {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child.layui-show + a {
|
||||
background: #fff;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child.layui-show + a span {
|
||||
color: #333;
|
||||
}
|
||||
.layui-header .layui-nav-item .layui-nav-child dd a {
|
||||
padding: 0;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
border-top: 1px solid #eaedf1;
|
||||
}
|
||||
.layui-header .layui-nav-bar,
|
||||
.layui-header .layui-nav-item:after {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-header .layui-layout-right > li > a {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
/* 页面布局 - 左则 */
|
||||
.layui-layout > .layui-side .layui-nav-bar {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-side-scroll {
|
||||
width: 100% !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item a {
|
||||
height: 45px;
|
||||
display: block;
|
||||
line-height: 45px;
|
||||
color: #fff !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-item a:hover {
|
||||
background: hsla(0, 0%, 39%, 0.2) !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-itemed {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.layui-layout > .layui-side .layui-nav-tree-top a {
|
||||
height: 28px !important;
|
||||
line-height: 28px !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-body {
|
||||
left: 50px;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-more {
|
||||
display: none !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item a {
|
||||
padding: 0;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-text {
|
||||
display: none;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .nav-icon {
|
||||
display: inline-block !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-item .layui-nav-child {
|
||||
padding: 0;
|
||||
display: block !important;
|
||||
background-color: rgba(0, 0, 0, 0.3) !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini > .layui-side,
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-nav-tree,
|
||||
.layui-layout.layui-layout-left-mini > .layui-side .layui-side-scroll {
|
||||
width: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
.layui-layout.layui-layout-left-mini [data-target-menu-type] i {
|
||||
display: inline-block;
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide > .layui-body {
|
||||
left: 0 !important;
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide > .layui-side {
|
||||
display: none;
|
||||
}
|
||||
.layui-layout.layui-layout-left-hide [data-target-menu-type] {
|
||||
display: none;
|
||||
}
|
||||
/* 通用分页 */
|
||||
.pagination-container {
|
||||
line-height: 40px;
|
||||
}
|
||||
.pagination-container > span {
|
||||
color: #666;
|
||||
font-size: 9pt;
|
||||
}
|
||||
.pagination-container > ul {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.pagination-container > ul > li {
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
.pagination-container > ul > li.active {
|
||||
z-index: 2;
|
||||
}
|
||||
.pagination-container > ul > li.active > span {
|
||||
color: #fff;
|
||||
border-color: #098;
|
||||
padding-right: 1px;
|
||||
background: #009688 !important;
|
||||
}
|
||||
.pagination-container > ul > li > a,
|
||||
.pagination-container > ul > li > span {
|
||||
color: #333;
|
||||
width: 33px;
|
||||
height: 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block;
|
||||
margin-left: -1px;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
}
|
||||
.pagination-container > ul > li > span {
|
||||
background: #dcdcdc;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination-container > ul > li > a:hover {
|
||||
background: #dcdcdc;
|
||||
border-color: #dcdcdc;
|
||||
}
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -1,7 +1,3 @@
|
||||
[data-tips-image] {
|
||||
cursor: zoom-in !important
|
||||
}
|
||||
|
||||
.notdata {
|
||||
padding: 15px;
|
||||
display: block;
|
||||
@ -678,3 +674,8 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[data-tips-image] {
|
||||
cursor: zoom-in !important
|
||||
}
|
||||
|
||||
|
||||
@ -207,3 +207,253 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 通用分页 */
|
||||
.pagination-container {
|
||||
line-height: 40px;
|
||||
|
||||
> span {
|
||||
color: #666;
|
||||
font-size: 9pt
|
||||
}
|
||||
|
||||
> ul {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
|
||||
&.active {
|
||||
z-index: 2;
|
||||
|
||||
> span {
|
||||
color: #fff;
|
||||
border-color: #098;
|
||||
padding-right: 1px;
|
||||
background: #009688 !important
|
||||
}
|
||||
}
|
||||
|
||||
> a, > span {
|
||||
color: #333;
|
||||
width: 33px;
|
||||
height: 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block;
|
||||
margin-left: -1px;
|
||||
text-align: center;
|
||||
line-height: 28px
|
||||
}
|
||||
|
||||
> span {
|
||||
background: #dcdcdc;
|
||||
cursor: default
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
background: #dcdcdc;
|
||||
border-color: #dcdcdc
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
height: 580px;
|
||||
position: relative;
|
||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||
|
||||
.mobile-header {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-webkit-pointer-events: none
|
||||
}
|
||||
|
||||
.mobile-body {
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #f5f5f5;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-footer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
padding-left: 43px;
|
||||
border: 1px solid #ccc;
|
||||
list-style-type: none;
|
||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
border-left: 1px solid #e7e7eb;
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
color: #616161;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .02)
|
||||
}
|
||||
|
||||
&.active {
|
||||
border: 1px solid #44b549 !important;
|
||||
box-shadow: 0 0 1px #44b549
|
||||
}
|
||||
|
||||
span:before {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
content: '';
|
||||
display: inline-block
|
||||
}
|
||||
}
|
||||
|
||||
> .close {
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
&:hover > .close {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: #fff !important;
|
||||
background: #999 !important
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-add {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-bottom: none !important;
|
||||
background: url(../img/wechat/index.png) 0 0 no-repeat
|
||||
}
|
||||
|
||||
.icon-add, .icon-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.icon-sub {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
margin-right: 2px;
|
||||
background: url(../img/wechat/index.png) 0 -3pc no-repeat
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
width: 100%;
|
||||
bottom: 60px;
|
||||
margin: -1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #d0d0d0;
|
||||
background-color: #fafafa;
|
||||
|
||||
ul, ul li {
|
||||
float: none;
|
||||
padding: 0;
|
||||
z-index: 11;
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
ul li {
|
||||
a {
|
||||
padding: 0 5px;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
|
||||
&.bottom-border {
|
||||
margin: -1px -1px 0;
|
||||
border-bottom: 1px solid #e7e7eb
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child a.bottom-border {
|
||||
border-bottom-color: #fff
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
margin-left: -6px
|
||||
}
|
||||
|
||||
.arrow_in, .arrow_out {
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: 10;
|
||||
display: inline-block;
|
||||
border: 6px dashed transparent;
|
||||
border-bottom-width: 0;
|
||||
border-top-style: solid
|
||||
}
|
||||
|
||||
.arrow_in {
|
||||
z-index: 3;
|
||||
bottom: -5px;
|
||||
border-top-color: #fafafa
|
||||
}
|
||||
|
||||
.arrow_out {
|
||||
z-index: 2;
|
||||
bottom: -6px;
|
||||
border-top-color: #d0d0d0
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -68,8 +68,7 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@import "console.layout";
|
||||
@import "console.form";
|
||||
@import "console.layui";
|
||||
@import "console.custom";
|
||||
@import "console.mobile";
|
||||
@import "console.custom.less";
|
||||
@import "console.form.less";
|
||||
@import "console.layui.less";
|
||||
@import 'console.layout.less';
|
||||
|
||||
@ -1,171 +0,0 @@
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
height: 580px;
|
||||
position: relative;
|
||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||
}
|
||||
.mobile-preview .mobile-header {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-webkit-pointer-events: none;
|
||||
}
|
||||
.mobile-preview .mobile-body {
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.mobile-preview .mobile-body iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mobile-preview .mobile-footer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
padding-left: 43px;
|
||||
border: 1px solid #ccc;
|
||||
list-style-type: none;
|
||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||
}
|
||||
.mobile-preview .mobile-footer li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
}
|
||||
.mobile-preview .mobile-footer li a {
|
||||
width: auto;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
border-left: 1px solid #e7e7eb;
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
color: #616161;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
}
|
||||
.mobile-preview .mobile-footer li a:hover {
|
||||
background: rgba(0, 0, 0, 0.02);
|
||||
}
|
||||
.mobile-preview .mobile-footer li a.active {
|
||||
border: 1px solid #44b549 !important;
|
||||
box-shadow: 0 0 1px #44b549;
|
||||
}
|
||||
.mobile-preview .mobile-footer li a span:before {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
}
|
||||
.mobile-preview .mobile-footer li > .close {
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
}
|
||||
.mobile-preview .mobile-footer li:hover > .close {
|
||||
display: inline-block;
|
||||
}
|
||||
.mobile-preview .mobile-footer li:hover > .close:hover {
|
||||
color: #fff !important;
|
||||
background: #999 !important;
|
||||
}
|
||||
.mobile-preview .mobile-footer .icon-add {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-bottom: none !important;
|
||||
background: url(../img/wechat/index.png) 0 0 no-repeat;
|
||||
}
|
||||
.mobile-preview .mobile-footer .icon-add,
|
||||
.mobile-preview .mobile-footer .icon-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.mobile-preview .mobile-footer .icon-sub {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
margin-right: 2px;
|
||||
background: url(../img/wechat/index.png) 0 -3pc no-repeat;
|
||||
}
|
||||
.mobile-preview .mobile-footer .sub-menu {
|
||||
width: 100%;
|
||||
bottom: 60px;
|
||||
margin: -1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #d0d0d0;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
.mobile-preview .mobile-footer .sub-menu ul,
|
||||
.mobile-preview .mobile-footer .sub-menu ul li {
|
||||
float: none;
|
||||
padding: 0;
|
||||
z-index: 11;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
.mobile-preview .mobile-footer .sub-menu ul li a {
|
||||
padding: 0 5px;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
}
|
||||
.mobile-preview .mobile-footer .sub-menu ul li a.bottom-border {
|
||||
margin: -1px -1px 0;
|
||||
border-bottom: 1px solid #e7e7eb;
|
||||
}
|
||||
.mobile-preview .mobile-footer .sub-menu ul li:last-child a.bottom-border {
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.mobile-preview .mobile-footer .arrow {
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
margin-left: -6px;
|
||||
}
|
||||
.mobile-preview .mobile-footer .arrow_in,
|
||||
.mobile-preview .mobile-footer .arrow_out {
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: 10;
|
||||
display: inline-block;
|
||||
border: 6px dashed transparent;
|
||||
border-bottom-width: 0;
|
||||
border-top-style: solid;
|
||||
}
|
||||
.mobile-preview .mobile-footer .arrow_in {
|
||||
z-index: 3;
|
||||
bottom: -5px;
|
||||
border-top-color: #fafafa;
|
||||
}
|
||||
.mobile-preview .mobile-footer .arrow_out {
|
||||
z-index: 2;
|
||||
bottom: -6px;
|
||||
border-top-color: #d0d0d0;
|
||||
}
|
||||
/*# sourceMappingURL=console.mobile.css.map */
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["console.mobile.less"],"names":[],"mappings":";AACA;EACE,YAAA;EACA,aAAA;EACA,kBAAA;EACA,4DAAA;;AAJF,eAME;EACE,WAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;EACA,uBAAA;EACA,iBAAA;EACA,iBAAA;EACA,oBAAA;EACA,sBAAA;EACA,yBAAA;EACA,4BAAA;;AArBJ,eAwBE;EACE,SAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,kBAAA;EACA,sBAAA;EACA,mBAAA;;AA/BJ,eAwBE,aASE;EACE,WAAA;EACA,YAAA;;AAnCN,eAuCE;EACE,OAAA;EACA,QAAA;EACA,SAAA;EACA,SAAA;EACA,kBAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBAAA;EACA,4DAAA;;AAhDJ,eAuCE,eAWE;EACE,WAAA;EACA,aAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;;AAvDN,eAuCE,eAWE,GAOE;EACE,WAAA;EACA,cAAA;EACA,gBAAA;EACA,sCAAA;EACA,8BAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;EACA,mBAAA;EACA,qBAAA;EACA,uBAAA;EACA,iBAAA;;AAEA,eAhCN,eAWE,GAOE,EAcG;EACC,+BAAA;;AAGF,eApCN,eAWE,GAOE,EAkBG;EACC,yBAAA;EACA,2BAAA;;AA7EV,eAuCE,eAWE,GAOE,EAuBE,KAAI;EACF,UAAA;EACA,WAAA;EACA,SAAS,EAAT;EACA,qBAAA;;AApFV,eAuCE,eAWE,GAsCE;EACE,QAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,eAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;;AAGF,eA7DJ,eAWE,GAkDG,MAAO;EACN,qBAAA;;AAEA,eAhEN,eAWE,GAkDG,MAAO,SAGL;EACC,WAAA;EACA,gBAAA;;AAzGV,eAuCE,eAuEE;EACE,WAAA;EACA,YAAA;EACA,8BAAA;EACA,sDAAA;;AAlHN,eAuCE,eA8EE;AArHJ,eAuCE,eA8Ea;EACT,qBAAA;EACA,sBAAA;;AAvHN,eAuCE,eAmFE;EACE,UAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;;AA9HN,eAuCE,eA0FE;EACE,WAAA;EACA,YAAA;EACA,YAAA;EACA,cAAA;EACA,kBAAA;EACA,yBAAA;EACA,yBAAA;;AAxIN,eAuCE,eA0FE,UASE;AA1IN,eAuCE,eA0FE,UASM,GAAG;EACL,WAAA;EACA,UAAA;EACA,WAAA;EACA,cAAA;EACA,WAAA;;AA/IR,eAuCE,eA0FE,UAiBE,GAAG,GACD;EACE,cAAA;EACA,sCAAA;;AAEA,eAhHR,eA0FE,UAiBE,GAAG,GACD,EAIG;EACC,mBAAA;EACA,gCAAA;;AAIJ,eAtHN,eA0FE,UAiBE,GAAG,GAWA,WAAY,EAAC;EACZ,yBAAA;;AA9JV,eAuCE,eA4HE;EACE,SAAA;EACA,kBAAA;EACA,iBAAA;;AAtKN,eAuCE,eAkIE;AAzKJ,eAuCE,eAkIa;EACT,QAAA;EACA,SAAA;EACA,WAAA;EACA,qBAAA;EACA,8BAAA;EACA,sBAAA;EACA,uBAAA;;AAhLN,eAuCE,eA4IE;EACE,UAAA;EACA,YAAA;EACA,yBAAA;;AAtLN,eAuCE,eAkJE;EACE,UAAA;EACA,YAAA;EACA,yBAAA","file":"console.mobile.css"}
|
||||
@ -1,195 +0,0 @@
|
||||
/** 手机盒子及微信菜单 */
|
||||
.mobile-preview {
|
||||
width: 317px;
|
||||
height: 580px;
|
||||
position: relative;
|
||||
background: url(../img/wechat/mobile_head.png) no-repeat 0 0;
|
||||
|
||||
.mobile-header {
|
||||
color: #fff;
|
||||
width: auto;
|
||||
margin: 0 30px;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
padding-top: 30px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-webkit-pointer-events: none
|
||||
}
|
||||
|
||||
.mobile-body {
|
||||
top: 60px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #f5f5f5;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-footer {
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
padding-left: 43px;
|
||||
border: 1px solid #ccc;
|
||||
list-style-type: none;
|
||||
background: url(../img/wechat/mobile_foot.png) no-repeat 0 0;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
border-left: 1px solid #e7e7eb;
|
||||
margin-top: -1px;
|
||||
margin-bottom: -1px;
|
||||
color: #616161;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
text-overflow: ellipsis;
|
||||
word-wrap: normal;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, .02)
|
||||
}
|
||||
|
||||
&.active {
|
||||
border: 1px solid #44b549 !important;
|
||||
box-shadow: 0 0 1px #44b549
|
||||
}
|
||||
|
||||
span:before {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
content: '';
|
||||
display: inline-block
|
||||
}
|
||||
}
|
||||
|
||||
> .close {
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
line-height: 18px
|
||||
}
|
||||
|
||||
&:hover > .close {
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
color: #fff !important;
|
||||
background: #999 !important
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.icon-add {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
border-bottom: none !important;
|
||||
background: url(../img/wechat/index.png) 0 0 no-repeat
|
||||
}
|
||||
|
||||
.icon-add, .icon-sub {
|
||||
display: inline-block;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.icon-sub {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
margin-right: 2px;
|
||||
background: url(../img/wechat/index.png) 0 -3pc no-repeat
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
width: 100%;
|
||||
bottom: 60px;
|
||||
margin: -1px;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #d0d0d0;
|
||||
background-color: #fafafa;
|
||||
|
||||
ul, ul li {
|
||||
float: none;
|
||||
padding: 0;
|
||||
z-index: 11;
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
ul li {
|
||||
a {
|
||||
padding: 0 5px;
|
||||
border: 1px solid hsla(0, 0%, 100%, 0);
|
||||
|
||||
&.bottom-border {
|
||||
margin: -1px -1px 0;
|
||||
border-bottom: 1px solid #e7e7eb
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child a.bottom-border {
|
||||
border-bottom-color: #fff
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
left: 50%;
|
||||
position: absolute;
|
||||
margin-left: -6px
|
||||
}
|
||||
|
||||
.arrow_in, .arrow_out {
|
||||
width: 0;
|
||||
height: 0;
|
||||
z-index: 10;
|
||||
display: inline-block;
|
||||
border: 6px dashed transparent;
|
||||
border-bottom-width: 0;
|
||||
border-top-style: solid
|
||||
}
|
||||
|
||||
.arrow_in {
|
||||
z-index: 3;
|
||||
bottom: -5px;
|
||||
border-top-color: #fafafa
|
||||
}
|
||||
|
||||
.arrow_out {
|
||||
z-index: 2;
|
||||
bottom: -6px;
|
||||
border-top-color: #d0d0d0
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,47 +0,0 @@
|
||||
/* 通用分页 */
|
||||
.pagination-container {
|
||||
line-height: 40px;
|
||||
}
|
||||
.pagination-container > span {
|
||||
color: #666;
|
||||
font-size: 9pt;
|
||||
}
|
||||
.pagination-container > ul {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.pagination-container > ul > li {
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
}
|
||||
.pagination-container > ul > li.active {
|
||||
z-index: 2;
|
||||
}
|
||||
.pagination-container > ul > li.active > span {
|
||||
color: #fff;
|
||||
border-color: #098;
|
||||
padding-right: 1px;
|
||||
background: #009688 !important;
|
||||
}
|
||||
.pagination-container > ul > li > a,
|
||||
.pagination-container > ul > li > span {
|
||||
color: #333;
|
||||
width: 33px;
|
||||
height: 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block;
|
||||
margin-left: -1px;
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
}
|
||||
.pagination-container > ul > li > span {
|
||||
background: #dcdcdc;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination-container > ul > li > a:hover {
|
||||
background: #dcdcdc;
|
||||
border-color: #dcdcdc;
|
||||
}
|
||||
/*# sourceMappingURL=console.page.css.map */
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["console.page.less"],"names":[],"mappings":";AACA;EACE,iBAAA;;AADF,qBAGE;EACE,WAAA;EACA,cAAA;;AALJ,qBAQE;EACE,YAAA;EACA,qBAAA;EACA,SAAA;EACA,UAAA;;AAZJ,qBAQE,KAME;EACE,UAAA;EACA,qBAAA;;AAEA,qBAVJ,KAME,KAIG;EACC,UAAA;;AADF,qBAVJ,KAME,KAIG,OAGC;EACE,WAAA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;;AAzBV,qBAQE,KAME,KAeE;AA7BN,qBAQE,KAME,KAeO;EACH,WAAA;EACA,WAAA;EACA,YAAA;EACA,yBAAA;EACA,qBAAA;EACA,iBAAA;EACA,kBAAA;EACA,iBAAA;;AArCR,qBAQE,KAME,KA0BE;EACE,mBAAA;EACA,eAAA;;AA1CR,qBAQE,KAME,KA+BE,IAAG;EACD,mBAAA;EACA,qBAAA","file":"console.page.css"}
|
||||
@ -1,53 +0,0 @@
|
||||
/* 通用分页 */
|
||||
.pagination-container {
|
||||
line-height: 40px;
|
||||
|
||||
> span {
|
||||
color: #666;
|
||||
font-size: 9pt
|
||||
}
|
||||
|
||||
> ul {
|
||||
float: right;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
> li {
|
||||
z-index: 1;
|
||||
display: inline-block;
|
||||
|
||||
&.active {
|
||||
z-index: 2;
|
||||
|
||||
> span {
|
||||
color: #fff;
|
||||
border-color: #098;
|
||||
padding-right: 1px;
|
||||
background: #009688 !important
|
||||
}
|
||||
}
|
||||
|
||||
> a, > span {
|
||||
color: #333;
|
||||
width: 33px;
|
||||
height: 30px;
|
||||
border: 1px solid #dcdcdc;
|
||||
display: inline-block;
|
||||
margin-left: -1px;
|
||||
text-align: center;
|
||||
line-height: 28px
|
||||
}
|
||||
|
||||
> span {
|
||||
background: #dcdcdc;
|
||||
cursor: default
|
||||
}
|
||||
|
||||
> a:hover {
|
||||
background: #dcdcdc;
|
||||
border-color: #dcdcdc
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user