mirror of
https://github.com/layui/layui.git
synced 2026-02-09 02:09:18 +08:00
8de16c9bd7
* fix(dropdown): 同步 #2946 * fix(table): 同步 #2954 * fix(menu): 同步 #2955 * fix(table): 同步 #2964 #2970 * fix(flow): 同步 #2965 * test: 更新用于可视化测试用例的资源 * docs: 同步 2.x 文档
9383 lines
195 KiB
CSS
9383 lines
195 KiB
CSS
/**
|
|
* Layui
|
|
* MIT Licensed
|
|
*/
|
|
|
|
/**
|
|
* Layui
|
|
*/
|
|
|
|
:root,
|
|
.light {
|
|
/* 默认主题色 */
|
|
--lay-color-primary: #16baaa;
|
|
--lay-color-accent: #16b777;
|
|
|
|
/* 七色 */
|
|
--lay-color-red: #ff5722;
|
|
--lay-color-orange: #ffb800;
|
|
--lay-color-green: #16baaa;
|
|
--lay-color-blue: #1e9fff;
|
|
--lay-color-purple: #a233c6;
|
|
--lay-color-black: #2f363c;
|
|
--lay-color-gray: #fafafa;
|
|
|
|
/* 灰度 */
|
|
--lay-gray-100: #fafafa;
|
|
--lay-gray-200: #f7f7f7;
|
|
--lay-gray-300: #eeeeee;
|
|
--lay-gray-400: #d1d1d1;
|
|
--lay-gray-500: #c8c8c8;
|
|
--lay-gray-600: #b7b7b7;
|
|
--lay-gray-700: #959595;
|
|
--lay-gray-800: #777777;
|
|
--lay-gray-900: #5a5a5a;
|
|
|
|
/* 边框 */
|
|
--lay-border-color: var(--lay-gray-300);
|
|
--lay-border-color-accent: var(--lay-gray-400);
|
|
--lay-border-radius: 2px;
|
|
--lay-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
|
|
--lay-box-shadow-sm: 0 0.5px 1px rgba(0, 0, 0, 0.08);
|
|
--lay-box-shadow-lg: 0 3px 6px rgba(0, 0, 0, 0.3);
|
|
|
|
/* 字体 */
|
|
--lay-font-family:
|
|
system-ui, -apple-system, 'Segoe UI', Roboto, 'PingFang SC',
|
|
'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
|
|
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
--lay-font-monospace: 'Courier New', Consolas, 'Lucida Console', monospace;
|
|
|
|
/* 间距 */
|
|
--lay-spacing: 16px;
|
|
--lay-spacing-xs: 5px;
|
|
--lay-spacing-sm: 8px;
|
|
--lay-spacing-lg: 24px;
|
|
--lay-spacing-xl: 32px;
|
|
}
|
|
|
|
/** 初始化 **/
|
|
|
|
body,
|
|
div,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
ul,
|
|
ol,
|
|
li,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
input,
|
|
button,
|
|
textarea,
|
|
p,
|
|
blockquote,
|
|
th,
|
|
td,
|
|
form,
|
|
pre {
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
a:active,
|
|
a:hover {
|
|
outline: 0;
|
|
}
|
|
|
|
img {
|
|
display: inline-block;
|
|
border: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-weight: 700;
|
|
}
|
|
|
|
h5,
|
|
h6 {
|
|
font-size: 100%;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-size: 100%;
|
|
}
|
|
|
|
input,
|
|
button,
|
|
textarea,
|
|
select,
|
|
optgroup,
|
|
option {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-style: inherit;
|
|
font-weight: inherit;
|
|
outline: 0;
|
|
}
|
|
|
|
pre {
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
/** 初始化全局标签 **/
|
|
|
|
body {
|
|
line-height: 1.6;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-family: var(--lay-font-family);
|
|
}
|
|
|
|
hr {
|
|
height: 0;
|
|
line-height: 0;
|
|
margin: 10px 0;
|
|
padding: 0;
|
|
border: none;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
clear: both;
|
|
overflow: hidden;
|
|
background: none;
|
|
}
|
|
|
|
a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a cite {
|
|
font-style: normal;
|
|
}
|
|
|
|
/** 基础通用 **/
|
|
|
|
.layui-border-box,
|
|
.layui-border-box * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 消除第三方 ui 可能造成的冲突 */
|
|
|
|
.layui-box,
|
|
.layui-box * {
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.layui-clear {
|
|
clear: both;
|
|
}
|
|
|
|
.layui-clear:after {
|
|
content: '\20';
|
|
clear: both;
|
|
display: block;
|
|
height: 0;
|
|
}
|
|
|
|
.layui-clear-space {
|
|
word-spacing: -5px;
|
|
}
|
|
|
|
.layui-inline {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* 三角形 */
|
|
|
|
.layui-edge {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 6px;
|
|
border-style: dashed;
|
|
border-color: transparent;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-edge-top {
|
|
top: -4px;
|
|
border-bottom-color: #999;
|
|
border-bottom-style: solid;
|
|
}
|
|
|
|
.layui-edge-right {
|
|
border-left-color: #999;
|
|
border-left-style: solid;
|
|
}
|
|
|
|
.layui-edge-bottom {
|
|
top: 2px;
|
|
border-top-color: #999;
|
|
border-top-style: solid;
|
|
}
|
|
|
|
.layui-edge-left {
|
|
border-right-color: #999;
|
|
border-right-style: solid;
|
|
}
|
|
|
|
/* 单行溢出省略 */
|
|
|
|
.layui-ellip {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 屏蔽选中 */
|
|
|
|
.layui-unselect,
|
|
.layui-icon,
|
|
.layui-disabled {
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* 禁用 */
|
|
|
|
.layui-disabled,
|
|
.layui-disabled:hover {
|
|
color: var(--lay-gray-400) !important;
|
|
cursor: not-allowed !important;
|
|
}
|
|
|
|
/* 纯圆角 */
|
|
|
|
.layui-circle {
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.layui-show {
|
|
display: block !important;
|
|
}
|
|
|
|
.layui-hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.layui-show-v {
|
|
visibility: visible !important;
|
|
}
|
|
|
|
.layui-hide-v {
|
|
visibility: hidden !important;
|
|
}
|
|
|
|
/** 图标字体 **/
|
|
|
|
@font-face {
|
|
font-family: 'layui-icon';
|
|
src: url('data:font/woff2;base64,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') format('woff2');
|
|
}
|
|
|
|
.layui-icon {
|
|
font-family: 'layui-icon' !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* font-class */
|
|
|
|
.layui-icon-sound:before {
|
|
content: '\e69d';
|
|
}
|
|
|
|
.layui-icon-bot:before {
|
|
content: '\e7d6';
|
|
}
|
|
|
|
.layui-icon-leaf:before {
|
|
content: '\e701';
|
|
}
|
|
|
|
.layui-icon-folder:before {
|
|
content: '\eabe';
|
|
}
|
|
|
|
.layui-icon-folder-open:before {
|
|
content: '\eac1';
|
|
}
|
|
|
|
.layui-icon-gitee:before {
|
|
content: '\e69b';
|
|
}
|
|
|
|
.layui-icon-github:before {
|
|
content: '\e6a7';
|
|
}
|
|
|
|
.layui-icon-disabled:before {
|
|
content: '\e6cc';
|
|
}
|
|
|
|
.layui-icon-moon:before {
|
|
content: '\e6c2';
|
|
}
|
|
|
|
.layui-icon-error:before {
|
|
content: '\e693';
|
|
}
|
|
|
|
.layui-icon-success:before {
|
|
content: '\e697';
|
|
}
|
|
|
|
.layui-icon-question:before {
|
|
content: '\e699';
|
|
}
|
|
|
|
.layui-icon-lock:before {
|
|
content: '\e69a';
|
|
}
|
|
|
|
.layui-icon-eye:before {
|
|
content: '\e695';
|
|
}
|
|
|
|
.layui-icon-eye-invisible:before {
|
|
content: '\e696';
|
|
}
|
|
|
|
.layui-icon-backspace:before {
|
|
content: '\e694';
|
|
}
|
|
|
|
.layui-icon-tips-fill:before {
|
|
content: '\eb2e';
|
|
}
|
|
|
|
.layui-icon-test:before {
|
|
content: '\e692';
|
|
}
|
|
|
|
.layui-icon-clear:before {
|
|
content: '\e788';
|
|
}
|
|
|
|
.layui-icon-heart-fill:before {
|
|
content: '\e68f';
|
|
}
|
|
|
|
.layui-icon-light:before {
|
|
content: '\e748';
|
|
}
|
|
|
|
.layui-icon-music:before {
|
|
content: '\e690';
|
|
}
|
|
|
|
.layui-icon-time:before {
|
|
content: '\e68d';
|
|
}
|
|
|
|
.layui-icon-ie:before {
|
|
content: '\e7bb';
|
|
}
|
|
|
|
.layui-icon-firefox:before {
|
|
content: '\e686';
|
|
}
|
|
|
|
.layui-icon-at:before {
|
|
content: '\e687';
|
|
}
|
|
|
|
.layui-icon-bluetooth:before {
|
|
content: '\e689';
|
|
}
|
|
|
|
.layui-icon-chrome:before {
|
|
content: '\e68a';
|
|
}
|
|
|
|
.layui-icon-edge:before {
|
|
content: '\e68b';
|
|
}
|
|
|
|
.layui-icon-heart:before {
|
|
content: '\e68c';
|
|
}
|
|
|
|
.layui-icon-key:before {
|
|
content: '\e683';
|
|
}
|
|
|
|
.layui-icon-android:before {
|
|
content: '\e684';
|
|
}
|
|
|
|
.layui-icon-mike:before {
|
|
content: '\e6dc';
|
|
}
|
|
|
|
.layui-icon-mute:before {
|
|
content: '\e685';
|
|
}
|
|
|
|
.layui-icon-gift:before {
|
|
content: '\e627';
|
|
}
|
|
|
|
.layui-icon-windows:before {
|
|
content: '\e67f';
|
|
}
|
|
|
|
.layui-icon-ios:before {
|
|
content: '\e680';
|
|
}
|
|
|
|
.layui-icon-logout:before {
|
|
content: '\e682';
|
|
}
|
|
|
|
.layui-icon-wifi:before {
|
|
content: '\e7e0';
|
|
}
|
|
|
|
.layui-icon-rss:before {
|
|
content: '\e808';
|
|
}
|
|
|
|
.layui-icon-email:before {
|
|
content: '\e618';
|
|
}
|
|
|
|
.layui-icon-reduce-circle:before {
|
|
content: '\e616';
|
|
}
|
|
|
|
.layui-icon-transfer:before {
|
|
content: '\e691';
|
|
}
|
|
|
|
.layui-icon-service:before {
|
|
content: '\e626';
|
|
}
|
|
|
|
.layui-icon-addition:before {
|
|
content: '\e624';
|
|
}
|
|
|
|
.layui-icon-subtraction:before {
|
|
content: '\e67e';
|
|
}
|
|
|
|
.layui-icon-slider:before {
|
|
content: '\e714';
|
|
}
|
|
|
|
.layui-icon-print:before {
|
|
content: '\e66d';
|
|
}
|
|
|
|
.layui-icon-export:before {
|
|
content: '\e67d';
|
|
}
|
|
|
|
.layui-icon-cols:before {
|
|
content: '\e610';
|
|
}
|
|
|
|
.layui-icon-screen-full:before {
|
|
content: '\e622';
|
|
}
|
|
|
|
.layui-icon-screen-restore:before {
|
|
content: '\e758';
|
|
}
|
|
|
|
.layui-icon-rate-half:before {
|
|
content: '\e6c9';
|
|
}
|
|
|
|
.layui-icon-rate-solid:before {
|
|
content: '\e67a';
|
|
}
|
|
|
|
.layui-icon-rate:before {
|
|
content: '\e67b';
|
|
}
|
|
|
|
.layui-icon-cellphone:before {
|
|
content: '\e678';
|
|
}
|
|
|
|
.layui-icon-vercode:before {
|
|
content: '\e679';
|
|
}
|
|
|
|
.layui-icon-login-weibo:before {
|
|
content: '\e675';
|
|
}
|
|
|
|
.layui-icon-login-qq:before {
|
|
content: '\e676';
|
|
}
|
|
|
|
.layui-icon-login-wechat:before {
|
|
content: '\e677';
|
|
}
|
|
|
|
.layui-icon-username:before {
|
|
content: '\e66f';
|
|
}
|
|
|
|
.layui-icon-password:before {
|
|
content: '\e673';
|
|
}
|
|
|
|
.layui-icon-refresh-3:before {
|
|
content: '\e9aa';
|
|
}
|
|
|
|
.layui-icon-auz:before {
|
|
content: '\e672';
|
|
}
|
|
|
|
.layui-icon-shrink-right:before {
|
|
content: '\e668';
|
|
}
|
|
|
|
.layui-icon-spread-left:before {
|
|
content: '\e66b';
|
|
}
|
|
|
|
.layui-icon-snowflake:before {
|
|
content: '\e6b1';
|
|
}
|
|
|
|
.layui-icon-tips:before {
|
|
content: '\e702';
|
|
}
|
|
|
|
.layui-icon-note:before {
|
|
content: '\e66e';
|
|
}
|
|
|
|
.layui-icon-senior:before {
|
|
content: '\e674';
|
|
}
|
|
|
|
.layui-icon-refresh-1:before {
|
|
content: '\e666';
|
|
}
|
|
|
|
.layui-icon-refresh:before {
|
|
content: '\e669';
|
|
}
|
|
|
|
.layui-icon-flag:before {
|
|
content: '\e66c';
|
|
}
|
|
|
|
.layui-icon-theme:before {
|
|
content: '\e66a';
|
|
}
|
|
|
|
.layui-icon-notice:before {
|
|
content: '\e667';
|
|
}
|
|
|
|
.layui-icon-console:before {
|
|
content: '\e665';
|
|
}
|
|
|
|
.layui-icon-website:before {
|
|
content: '\e7ae';
|
|
}
|
|
|
|
.layui-icon-face-surprised:before {
|
|
content: '\e664';
|
|
}
|
|
|
|
.layui-icon-set:before {
|
|
content: '\e716';
|
|
}
|
|
|
|
.layui-icon-template:before {
|
|
content: '\e663';
|
|
}
|
|
|
|
.layui-icon-app:before {
|
|
content: '\e653';
|
|
}
|
|
|
|
.layui-icon-template-1:before {
|
|
content: '\e656';
|
|
}
|
|
|
|
.layui-icon-home:before {
|
|
content: '\e68e';
|
|
}
|
|
|
|
.layui-icon-female:before {
|
|
content: '\e661';
|
|
}
|
|
|
|
.layui-icon-male:before {
|
|
content: '\e662';
|
|
}
|
|
|
|
.layui-icon-tread:before {
|
|
content: '\e6c5';
|
|
}
|
|
|
|
.layui-icon-praise:before {
|
|
content: '\e6c6';
|
|
}
|
|
|
|
.layui-icon-rmb:before {
|
|
content: '\e65e';
|
|
}
|
|
|
|
.layui-icon-more:before {
|
|
content: '\e65f';
|
|
}
|
|
|
|
.layui-icon-camera:before {
|
|
content: '\e660';
|
|
}
|
|
|
|
.layui-icon-cart-simple:before {
|
|
content: '\e698';
|
|
}
|
|
|
|
.layui-icon-face-cry:before {
|
|
content: '\e69c';
|
|
}
|
|
|
|
.layui-icon-face-smile:before {
|
|
content: '\e6af';
|
|
}
|
|
|
|
.layui-icon-survey:before {
|
|
content: '\e6b2';
|
|
}
|
|
|
|
.layui-icon-read:before {
|
|
content: '\e705';
|
|
}
|
|
|
|
.layui-icon-location:before {
|
|
content: '\e715';
|
|
}
|
|
|
|
.layui-icon-dollar:before {
|
|
content: '\e659';
|
|
}
|
|
|
|
.layui-icon-diamond:before {
|
|
content: '\e735';
|
|
}
|
|
|
|
.layui-icon-return:before {
|
|
content: '\e65c';
|
|
}
|
|
|
|
.layui-icon-camera-fill:before {
|
|
content: '\e65d';
|
|
}
|
|
|
|
.layui-icon-fire:before {
|
|
content: '\e756';
|
|
}
|
|
|
|
.layui-icon-more-vertical:before {
|
|
content: '\e671';
|
|
}
|
|
|
|
.layui-icon-cart:before {
|
|
content: '\e657';
|
|
}
|
|
|
|
.layui-icon-star-fill:before {
|
|
content: '\e658';
|
|
}
|
|
|
|
.layui-icon-prev:before {
|
|
content: '\e65a';
|
|
}
|
|
|
|
.layui-icon-next:before {
|
|
content: '\e65b';
|
|
}
|
|
|
|
.layui-icon-upload:before {
|
|
content: '\e67c';
|
|
}
|
|
|
|
.layui-icon-upload-drag:before {
|
|
content: '\e681';
|
|
}
|
|
|
|
.layui-icon-user:before {
|
|
content: '\e770';
|
|
}
|
|
|
|
.layui-icon-file-b:before {
|
|
content: '\e655';
|
|
}
|
|
|
|
.layui-icon-component:before {
|
|
content: '\e857';
|
|
}
|
|
|
|
.layui-icon-find-fill:before {
|
|
content: '\e670';
|
|
}
|
|
|
|
.layui-icon-loading:before {
|
|
content: '\e63d';
|
|
}
|
|
|
|
.layui-icon-loading-1:before {
|
|
content: '\e63e';
|
|
}
|
|
|
|
.layui-icon-add-1:before {
|
|
content: '\e654';
|
|
}
|
|
|
|
.layui-icon-pause:before {
|
|
content: '\e651';
|
|
}
|
|
|
|
.layui-icon-play:before {
|
|
content: '\e652';
|
|
}
|
|
|
|
.layui-icon-video:before {
|
|
content: '\e6ed';
|
|
}
|
|
|
|
.layui-icon-headset:before {
|
|
content: '\e6fc';
|
|
}
|
|
|
|
.layui-icon-voice:before {
|
|
content: '\e688';
|
|
}
|
|
|
|
.layui-icon-speaker:before {
|
|
content: '\e645';
|
|
}
|
|
|
|
.layui-icon-fonts-del:before {
|
|
content: '\e64f';
|
|
}
|
|
|
|
.layui-icon-fonts-html:before {
|
|
content: '\e64b';
|
|
}
|
|
|
|
.layui-icon-fonts-code:before {
|
|
content: '\e64e';
|
|
}
|
|
|
|
.layui-icon-fonts-strong:before {
|
|
content: '\e62b';
|
|
}
|
|
|
|
.layui-icon-unlink:before {
|
|
content: '\e64d';
|
|
}
|
|
|
|
.layui-icon-picture:before {
|
|
content: '\e64a';
|
|
}
|
|
|
|
.layui-icon-link:before {
|
|
content: '\e64c';
|
|
}
|
|
|
|
.layui-icon-face-smile-b:before {
|
|
content: '\e650';
|
|
}
|
|
|
|
.layui-icon-align-center:before {
|
|
content: '\e647';
|
|
}
|
|
|
|
.layui-icon-align-right:before {
|
|
content: '\e648';
|
|
}
|
|
|
|
.layui-icon-align-left:before {
|
|
content: '\e649';
|
|
}
|
|
|
|
.layui-icon-fonts-u:before {
|
|
content: '\e646';
|
|
}
|
|
|
|
.layui-icon-fonts-i:before {
|
|
content: '\e644';
|
|
}
|
|
|
|
.layui-icon-tabs:before {
|
|
content: '\e62a';
|
|
}
|
|
|
|
.layui-icon-circle:before {
|
|
content: '\e63f';
|
|
}
|
|
|
|
.layui-icon-radio:before {
|
|
content: '\e643';
|
|
}
|
|
|
|
.layui-icon-share:before {
|
|
content: '\e641';
|
|
}
|
|
|
|
.layui-icon-edit:before {
|
|
content: '\e642';
|
|
}
|
|
|
|
.layui-icon-delete:before {
|
|
content: '\e640';
|
|
}
|
|
|
|
.layui-icon-engine:before {
|
|
content: '\e628';
|
|
}
|
|
|
|
.layui-icon-chart-screen:before {
|
|
content: '\e629';
|
|
}
|
|
|
|
.layui-icon-chart:before {
|
|
content: '\e62c';
|
|
}
|
|
|
|
.layui-icon-table:before {
|
|
content: '\e62d';
|
|
}
|
|
|
|
.layui-icon-tree:before {
|
|
content: '\e62e';
|
|
}
|
|
|
|
.layui-icon-upload-circle:before {
|
|
content: '\e62f';
|
|
}
|
|
|
|
.layui-icon-templeate-1:before {
|
|
content: '\e630';
|
|
}
|
|
|
|
.layui-icon-util:before {
|
|
content: '\e631';
|
|
}
|
|
|
|
.layui-icon-layouts:before {
|
|
content: '\e632';
|
|
}
|
|
|
|
.layui-icon-prev-circle:before {
|
|
content: '\e633';
|
|
}
|
|
|
|
.layui-icon-carousel:before {
|
|
content: '\e634';
|
|
}
|
|
|
|
.layui-icon-code-circle:before {
|
|
content: '\e635';
|
|
}
|
|
|
|
.layui-icon-water:before {
|
|
content: '\e636';
|
|
}
|
|
|
|
.layui-icon-date:before {
|
|
content: '\e637';
|
|
}
|
|
|
|
.layui-icon-layer:before {
|
|
content: '\e638';
|
|
}
|
|
|
|
.layui-icon-fonts-clear:before {
|
|
content: '\e639';
|
|
}
|
|
|
|
.layui-icon-dialogue:before {
|
|
content: '\e63a';
|
|
}
|
|
|
|
.layui-icon-cellphone-fine:before {
|
|
content: '\e63b';
|
|
}
|
|
|
|
.layui-icon-form:before {
|
|
content: '\e63c';
|
|
}
|
|
|
|
.layui-icon-file:before {
|
|
content: '\e621';
|
|
}
|
|
|
|
.layui-icon-triangle-r:before {
|
|
content: '\e623';
|
|
}
|
|
|
|
.layui-icon-triangle-d:before {
|
|
content: '\e625';
|
|
}
|
|
|
|
.layui-icon-set-sm:before {
|
|
content: '\e620';
|
|
}
|
|
|
|
.layui-icon-add-circle:before {
|
|
content: '\e61f';
|
|
}
|
|
|
|
.layui-icon-layim-download:before {
|
|
content: '\e61e';
|
|
}
|
|
|
|
.layui-icon-layim-uploadfile:before {
|
|
content: '\e61d';
|
|
}
|
|
|
|
.layui-icon-404:before {
|
|
content: '\e61c';
|
|
}
|
|
|
|
.layui-icon-about:before {
|
|
content: '\e60b';
|
|
}
|
|
|
|
.layui-icon-layim-theme:before {
|
|
content: '\e61b';
|
|
}
|
|
|
|
.layui-icon-down:before {
|
|
content: '\e61a';
|
|
}
|
|
|
|
.layui-icon-up:before {
|
|
content: '\e619';
|
|
}
|
|
|
|
.layui-icon-circle-dot:before {
|
|
content: '\e617';
|
|
}
|
|
|
|
.layui-icon-set-fill:before {
|
|
content: '\e614';
|
|
}
|
|
|
|
.layui-icon-search:before {
|
|
content: '\e615';
|
|
}
|
|
|
|
.layui-icon-friends:before {
|
|
content: '\e612';
|
|
}
|
|
|
|
.layui-icon-group:before {
|
|
content: '\e613';
|
|
}
|
|
|
|
.layui-icon-reply-fill:before {
|
|
content: '\e611';
|
|
}
|
|
|
|
.layui-icon-menu-fill:before {
|
|
content: '\e60f';
|
|
}
|
|
|
|
.layui-icon-face-smile-fine:before {
|
|
content: '\e60c';
|
|
}
|
|
|
|
.layui-icon-picture-fine:before {
|
|
content: '\e60d';
|
|
}
|
|
|
|
.layui-icon-log:before {
|
|
content: '\e60e';
|
|
}
|
|
|
|
.layui-icon-list:before {
|
|
content: '\e60a';
|
|
}
|
|
|
|
.layui-icon-release:before {
|
|
content: '\e609';
|
|
}
|
|
|
|
.layui-icon-add-circle-fine:before {
|
|
content: '\e608';
|
|
}
|
|
|
|
.layui-icon-ok:before {
|
|
content: '\e605';
|
|
}
|
|
|
|
.layui-icon-help:before {
|
|
content: '\e607';
|
|
}
|
|
|
|
.layui-icon-chat:before {
|
|
content: '\e606';
|
|
}
|
|
|
|
.layui-icon-top:before {
|
|
content: '\e604';
|
|
}
|
|
|
|
.layui-icon-right:before {
|
|
content: '\e602';
|
|
}
|
|
|
|
.layui-icon-left:before {
|
|
content: '\e603';
|
|
}
|
|
|
|
.layui-icon-star:before {
|
|
content: '\e600';
|
|
}
|
|
|
|
.layui-icon-download-circle:before {
|
|
content: '\e601';
|
|
}
|
|
|
|
.layui-icon-close:before {
|
|
content: '\1006';
|
|
}
|
|
|
|
.layui-icon-close-fill:before {
|
|
content: '\1007';
|
|
}
|
|
|
|
.layui-icon-ok-circle:before {
|
|
content: '\1005';
|
|
}
|
|
|
|
/* 基本布局 */
|
|
|
|
.layui-main {
|
|
position: relative;
|
|
width: 1160px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.layui-header {
|
|
position: relative;
|
|
z-index: 1000;
|
|
height: 60px;
|
|
}
|
|
|
|
.layui-header a:hover {
|
|
transition: all 0.5s;
|
|
}
|
|
|
|
.layui-side {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 999;
|
|
width: 200px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.layui-side-scroll {
|
|
position: relative;
|
|
width: 220px;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.layui-body {
|
|
position: relative;
|
|
left: 200px;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: auto;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 后台框架大布局 */
|
|
|
|
.layui-layout-body {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.layui-layout-admin .layui-header {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: #23292e;
|
|
}
|
|
|
|
.layui-layout-admin .layui-side {
|
|
top: 60px;
|
|
width: 200px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.layui-layout-admin .layui-body {
|
|
position: absolute;
|
|
top: 60px;
|
|
padding-bottom: 44px;
|
|
}
|
|
|
|
.layui-layout-admin .layui-main {
|
|
width: auto;
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.layui-layout-admin .layui-footer {
|
|
position: fixed;
|
|
left: 200px;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 990;
|
|
height: 44px;
|
|
line-height: 44px;
|
|
padding: 0 15px;
|
|
box-shadow: -1px 0 4px rgb(0 0 0 / 12%);
|
|
background-color: var(--lay-color-gray);
|
|
}
|
|
|
|
.layui-layout-admin .layui-logo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 200px;
|
|
height: 100%;
|
|
line-height: 60px;
|
|
text-align: center;
|
|
color: var(--lay-color-primary);
|
|
font-size: 16px;
|
|
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
|
|
}
|
|
|
|
.layui-layout-admin .layui-header .layui-nav {
|
|
background: none;
|
|
}
|
|
|
|
.layui-layout-left {
|
|
position: absolute !important;
|
|
left: 200px;
|
|
top: 0;
|
|
}
|
|
|
|
.layui-layout-right {
|
|
position: absolute !important;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
/* 栅格布局 */
|
|
|
|
.layui-container {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-fluid {
|
|
position: relative;
|
|
margin: 0 auto;
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.layui-row:before,
|
|
.layui-row:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.layui-col-xs1,
|
|
.layui-col-xs2,
|
|
.layui-col-xs3,
|
|
.layui-col-xs4,
|
|
.layui-col-xs5,
|
|
.layui-col-xs6,
|
|
.layui-col-xs7,
|
|
.layui-col-xs8,
|
|
.layui-col-xs9,
|
|
.layui-col-xs10,
|
|
.layui-col-xs11,
|
|
.layui-col-xs12,
|
|
.layui-col-sm1,
|
|
.layui-col-sm2,
|
|
.layui-col-sm3,
|
|
.layui-col-sm4,
|
|
.layui-col-sm5,
|
|
.layui-col-sm6,
|
|
.layui-col-sm7,
|
|
.layui-col-sm8,
|
|
.layui-col-sm9,
|
|
.layui-col-sm10,
|
|
.layui-col-sm11,
|
|
.layui-col-sm12,
|
|
.layui-col-md1,
|
|
.layui-col-md2,
|
|
.layui-col-md3,
|
|
.layui-col-md4,
|
|
.layui-col-md5,
|
|
.layui-col-md6,
|
|
.layui-col-md7,
|
|
.layui-col-md8,
|
|
.layui-col-md9,
|
|
.layui-col-md10,
|
|
.layui-col-md11,
|
|
.layui-col-md12,
|
|
.layui-col-lg1,
|
|
.layui-col-lg2,
|
|
.layui-col-lg3,
|
|
.layui-col-lg4,
|
|
.layui-col-lg5,
|
|
.layui-col-lg6,
|
|
.layui-col-lg7,
|
|
.layui-col-lg8,
|
|
.layui-col-lg9,
|
|
.layui-col-lg10,
|
|
.layui-col-lg11,
|
|
.layui-col-lg12,
|
|
.layui-col-xl1,
|
|
.layui-col-xl2,
|
|
.layui-col-xl3,
|
|
.layui-col-xl4,
|
|
.layui-col-xl5,
|
|
.layui-col-xl6,
|
|
.layui-col-xl7,
|
|
.layui-col-xl8,
|
|
.layui-col-xl9,
|
|
.layui-col-xl10,
|
|
.layui-col-xl11,
|
|
.layui-col-xl12 {
|
|
position: relative;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-col-xs1,
|
|
.layui-col-xs2,
|
|
.layui-col-xs3,
|
|
.layui-col-xs4,
|
|
.layui-col-xs5,
|
|
.layui-col-xs6,
|
|
.layui-col-xs7,
|
|
.layui-col-xs8,
|
|
.layui-col-xs9,
|
|
.layui-col-xs10,
|
|
.layui-col-xs11,
|
|
.layui-col-xs12 {
|
|
float: left;
|
|
}
|
|
|
|
.layui-col-xs1 {
|
|
width: 8.33333333%;
|
|
}
|
|
|
|
.layui-col-xs2 {
|
|
width: 16.66666667%;
|
|
}
|
|
|
|
.layui-col-xs3 {
|
|
width: 25%;
|
|
}
|
|
|
|
.layui-col-xs4 {
|
|
width: 33.33333333%;
|
|
}
|
|
|
|
.layui-col-xs5 {
|
|
width: 41.66666667%;
|
|
}
|
|
|
|
.layui-col-xs6 {
|
|
width: 50%;
|
|
}
|
|
|
|
.layui-col-xs7 {
|
|
width: 58.33333333%;
|
|
}
|
|
|
|
.layui-col-xs8 {
|
|
width: 66.66666667%;
|
|
}
|
|
|
|
.layui-col-xs9 {
|
|
width: 75%;
|
|
}
|
|
|
|
.layui-col-xs10 {
|
|
width: 83.33333333%;
|
|
}
|
|
|
|
.layui-col-xs11 {
|
|
width: 91.66666667%;
|
|
}
|
|
|
|
.layui-col-xs12 {
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-col-xs-offset1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
|
|
.layui-col-xs-offset2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
|
|
.layui-col-xs-offset3 {
|
|
margin-left: 25%;
|
|
}
|
|
|
|
.layui-col-xs-offset4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
|
|
.layui-col-xs-offset5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
|
|
.layui-col-xs-offset6 {
|
|
margin-left: 50%;
|
|
}
|
|
|
|
.layui-col-xs-offset7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
|
|
.layui-col-xs-offset8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
|
|
.layui-col-xs-offset9 {
|
|
margin-left: 75%;
|
|
}
|
|
|
|
.layui-col-xs-offset10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
|
|
.layui-col-xs-offset11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
|
|
.layui-col-xs-offset12 {
|
|
margin-left: 100%;
|
|
}
|
|
|
|
/* 超小屏幕 */
|
|
|
|
@media screen and (max-width: 767.98px) {
|
|
.layui-container {
|
|
padding: 0 15px;
|
|
}
|
|
.layui-hide-xs {
|
|
display: none !important;
|
|
}
|
|
.layui-show-xs-block {
|
|
display: block !important;
|
|
}
|
|
.layui-show-xs-inline {
|
|
display: inline !important;
|
|
}
|
|
.layui-show-xs-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
/* 小型屏幕 */
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.layui-container {
|
|
width: 720px;
|
|
}
|
|
.layui-hide-sm {
|
|
display: none !important;
|
|
}
|
|
.layui-show-sm-block {
|
|
display: block !important;
|
|
}
|
|
.layui-show-sm-inline {
|
|
display: inline !important;
|
|
}
|
|
.layui-show-sm-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.layui-col-sm1,
|
|
.layui-col-sm2,
|
|
.layui-col-sm3,
|
|
.layui-col-sm4,
|
|
.layui-col-sm5,
|
|
.layui-col-sm6,
|
|
.layui-col-sm7,
|
|
.layui-col-sm8,
|
|
.layui-col-sm9,
|
|
.layui-col-sm10,
|
|
.layui-col-sm11,
|
|
.layui-col-sm12 {
|
|
float: left;
|
|
}
|
|
.layui-col-sm1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.layui-col-sm2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.layui-col-sm3 {
|
|
width: 25%;
|
|
}
|
|
.layui-col-sm4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.layui-col-sm5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.layui-col-sm6 {
|
|
width: 50%;
|
|
}
|
|
.layui-col-sm7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.layui-col-sm8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.layui-col-sm9 {
|
|
width: 75%;
|
|
}
|
|
.layui-col-sm10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.layui-col-sm11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.layui-col-sm12 {
|
|
width: 100%;
|
|
}
|
|
/* 列偏移 */
|
|
.layui-col-sm-offset1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.layui-col-sm-offset2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.layui-col-sm-offset3 {
|
|
margin-left: 25%;
|
|
}
|
|
.layui-col-sm-offset4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.layui-col-sm-offset5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.layui-col-sm-offset6 {
|
|
margin-left: 50%;
|
|
}
|
|
.layui-col-sm-offset7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.layui-col-sm-offset8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.layui-col-sm-offset9 {
|
|
margin-left: 75%;
|
|
}
|
|
.layui-col-sm-offset10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.layui-col-sm-offset11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.layui-col-sm-offset12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
/* 中型屏幕 */
|
|
|
|
@media screen and (min-width: 992px) {
|
|
.layui-container {
|
|
width: 960px;
|
|
}
|
|
.layui-hide-md {
|
|
display: none !important;
|
|
}
|
|
.layui-show-md-block {
|
|
display: block !important;
|
|
}
|
|
.layui-show-md-inline {
|
|
display: inline !important;
|
|
}
|
|
.layui-show-md-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.layui-col-md1,
|
|
.layui-col-md2,
|
|
.layui-col-md3,
|
|
.layui-col-md4,
|
|
.layui-col-md5,
|
|
.layui-col-md6,
|
|
.layui-col-md7,
|
|
.layui-col-md8,
|
|
.layui-col-md9,
|
|
.layui-col-md10,
|
|
.layui-col-md11,
|
|
.layui-col-md12 {
|
|
float: left;
|
|
}
|
|
.layui-col-md1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.layui-col-md2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.layui-col-md3 {
|
|
width: 25%;
|
|
}
|
|
.layui-col-md4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.layui-col-md5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.layui-col-md6 {
|
|
width: 50%;
|
|
}
|
|
.layui-col-md7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.layui-col-md8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.layui-col-md9 {
|
|
width: 75%;
|
|
}
|
|
.layui-col-md10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.layui-col-md11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.layui-col-md12 {
|
|
width: 100%;
|
|
}
|
|
/* 列偏移 */
|
|
.layui-col-md-offset1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.layui-col-md-offset2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.layui-col-md-offset3 {
|
|
margin-left: 25%;
|
|
}
|
|
.layui-col-md-offset4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.layui-col-md-offset5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.layui-col-md-offset6 {
|
|
margin-left: 50%;
|
|
}
|
|
.layui-col-md-offset7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.layui-col-md-offset8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.layui-col-md-offset9 {
|
|
margin-left: 75%;
|
|
}
|
|
.layui-col-md-offset10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.layui-col-md-offset11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.layui-col-md-offset12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
/* 大型屏幕 */
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.layui-container {
|
|
width: 1150px;
|
|
}
|
|
.layui-hide-lg {
|
|
display: none !important;
|
|
}
|
|
.layui-show-lg-block {
|
|
display: block !important;
|
|
}
|
|
.layui-show-lg-inline {
|
|
display: inline !important;
|
|
}
|
|
.layui-show-lg-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.layui-col-lg1,
|
|
.layui-col-lg2,
|
|
.layui-col-lg3,
|
|
.layui-col-lg4,
|
|
.layui-col-lg5,
|
|
.layui-col-lg6,
|
|
.layui-col-lg7,
|
|
.layui-col-lg8,
|
|
.layui-col-lg9,
|
|
.layui-col-lg10,
|
|
.layui-col-lg11,
|
|
.layui-col-lg12 {
|
|
float: left;
|
|
}
|
|
.layui-col-lg1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.layui-col-lg2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.layui-col-lg3 {
|
|
width: 25%;
|
|
}
|
|
.layui-col-lg4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.layui-col-lg5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.layui-col-lg6 {
|
|
width: 50%;
|
|
}
|
|
.layui-col-lg7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.layui-col-lg8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.layui-col-lg9 {
|
|
width: 75%;
|
|
}
|
|
.layui-col-lg10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.layui-col-lg11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.layui-col-lg12 {
|
|
width: 100%;
|
|
}
|
|
/* 列偏移 */
|
|
.layui-col-lg-offset1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.layui-col-lg-offset2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.layui-col-lg-offset3 {
|
|
margin-left: 25%;
|
|
}
|
|
.layui-col-lg-offset4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.layui-col-lg-offset5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.layui-col-lg-offset6 {
|
|
margin-left: 50%;
|
|
}
|
|
.layui-col-lg-offset7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.layui-col-lg-offset8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.layui-col-lg-offset9 {
|
|
margin-left: 75%;
|
|
}
|
|
.layui-col-lg-offset10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.layui-col-lg-offset11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.layui-col-lg-offset12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
/* 超大屏幕 */
|
|
|
|
@media screen and (min-width: 1400px) {
|
|
.layui-container {
|
|
width: 1330px;
|
|
}
|
|
.layui-hide-xl {
|
|
display: none !important;
|
|
}
|
|
.layui-show-xl-block {
|
|
display: block !important;
|
|
}
|
|
.layui-show-xl-inline {
|
|
display: inline !important;
|
|
}
|
|
.layui-show-xl-inline-block {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.layui-col-xl1,
|
|
.layui-col-xl2,
|
|
.layui-col-xl3,
|
|
.layui-col-xl4,
|
|
.layui-col-xl5,
|
|
.layui-col-xl6,
|
|
.layui-col-xl7,
|
|
.layui-col-xl8,
|
|
.layui-col-xl9,
|
|
.layui-col-xl10,
|
|
.layui-col-xl11,
|
|
.layui-col-xl12 {
|
|
float: left;
|
|
}
|
|
.layui-col-xl1 {
|
|
width: 8.33333333%;
|
|
}
|
|
.layui-col-xl2 {
|
|
width: 16.66666667%;
|
|
}
|
|
.layui-col-xl3 {
|
|
width: 25%;
|
|
}
|
|
.layui-col-xl4 {
|
|
width: 33.33333333%;
|
|
}
|
|
.layui-col-xl5 {
|
|
width: 41.66666667%;
|
|
}
|
|
.layui-col-xl6 {
|
|
width: 50%;
|
|
}
|
|
.layui-col-xl7 {
|
|
width: 58.33333333%;
|
|
}
|
|
.layui-col-xl8 {
|
|
width: 66.66666667%;
|
|
}
|
|
.layui-col-xl9 {
|
|
width: 75%;
|
|
}
|
|
.layui-col-xl10 {
|
|
width: 83.33333333%;
|
|
}
|
|
.layui-col-xl11 {
|
|
width: 91.66666667%;
|
|
}
|
|
.layui-col-xl12 {
|
|
width: 100%;
|
|
}
|
|
/* 列偏移 */
|
|
.layui-col-xl-offset1 {
|
|
margin-left: 8.33333333%;
|
|
}
|
|
.layui-col-xl-offset2 {
|
|
margin-left: 16.66666667%;
|
|
}
|
|
.layui-col-xl-offset3 {
|
|
margin-left: 25%;
|
|
}
|
|
.layui-col-xl-offset4 {
|
|
margin-left: 33.33333333%;
|
|
}
|
|
.layui-col-xl-offset5 {
|
|
margin-left: 41.66666667%;
|
|
}
|
|
.layui-col-xl-offset6 {
|
|
margin-left: 50%;
|
|
}
|
|
.layui-col-xl-offset7 {
|
|
margin-left: 58.33333333%;
|
|
}
|
|
.layui-col-xl-offset8 {
|
|
margin-left: 66.66666667%;
|
|
}
|
|
.layui-col-xl-offset9 {
|
|
margin-left: 75%;
|
|
}
|
|
.layui-col-xl-offset10 {
|
|
margin-left: 83.33333333%;
|
|
}
|
|
.layui-col-xl-offset11 {
|
|
margin-left: 91.66666667%;
|
|
}
|
|
.layui-col-xl-offset12 {
|
|
margin-left: 100%;
|
|
}
|
|
}
|
|
|
|
/* 列间隔 */
|
|
|
|
.layui-col-space1 {
|
|
margin: -0.5px;
|
|
}
|
|
|
|
.layui-col-space1 > * {
|
|
padding: 0.5px;
|
|
}
|
|
|
|
.layui-col-space2 {
|
|
margin: -1px;
|
|
}
|
|
|
|
.layui-col-space2 > * {
|
|
padding: 1px;
|
|
}
|
|
|
|
.layui-col-space4 {
|
|
margin: -2px;
|
|
}
|
|
|
|
.layui-col-space4 > * {
|
|
padding: 2px;
|
|
}
|
|
|
|
.layui-col-space5 {
|
|
margin: -2.5px;
|
|
}
|
|
|
|
.layui-col-space5 > * {
|
|
padding: 2.5px;
|
|
}
|
|
|
|
.layui-col-space6 {
|
|
margin: -3px;
|
|
}
|
|
|
|
.layui-col-space6 > * {
|
|
padding: 3px;
|
|
}
|
|
|
|
.layui-col-space8 {
|
|
margin: -4px;
|
|
}
|
|
|
|
.layui-col-space8 > * {
|
|
padding: 4px;
|
|
}
|
|
|
|
.layui-col-space10 {
|
|
margin: -5px;
|
|
}
|
|
|
|
.layui-col-space10 > * {
|
|
padding: 5px;
|
|
}
|
|
|
|
.layui-col-space12 {
|
|
margin: -6px;
|
|
}
|
|
|
|
.layui-col-space12 > * {
|
|
padding: 6px;
|
|
}
|
|
|
|
.layui-col-space14 {
|
|
margin: -7px;
|
|
}
|
|
|
|
.layui-col-space14 > * {
|
|
padding: 7px;
|
|
}
|
|
|
|
.layui-col-space15 {
|
|
margin: -7.5px;
|
|
}
|
|
|
|
.layui-col-space15 > * {
|
|
padding: 7.5px;
|
|
}
|
|
|
|
.layui-col-space16 {
|
|
margin: -8px;
|
|
}
|
|
|
|
.layui-col-space16 > * {
|
|
padding: 8px;
|
|
}
|
|
|
|
.layui-col-space18 {
|
|
margin: -9px;
|
|
}
|
|
|
|
.layui-col-space18 > * {
|
|
padding: 9px;
|
|
}
|
|
|
|
.layui-col-space20 {
|
|
margin: -10px;
|
|
}
|
|
|
|
.layui-col-space20 > * {
|
|
padding: 10px;
|
|
}
|
|
|
|
.layui-col-space22 {
|
|
margin: -11px;
|
|
}
|
|
|
|
.layui-col-space22 > * {
|
|
padding: 11px;
|
|
}
|
|
|
|
.layui-col-space24 {
|
|
margin: -12px;
|
|
}
|
|
|
|
.layui-col-space24 > * {
|
|
padding: 12px;
|
|
}
|
|
|
|
.layui-col-space25 {
|
|
margin: -12.5px;
|
|
}
|
|
|
|
.layui-col-space25 > * {
|
|
padding: 12.5px;
|
|
}
|
|
|
|
.layui-col-space26 {
|
|
margin: -13px;
|
|
}
|
|
|
|
.layui-col-space26 > * {
|
|
padding: 13px;
|
|
}
|
|
|
|
.layui-col-space28 {
|
|
margin: -14px;
|
|
}
|
|
|
|
.layui-col-space28 > * {
|
|
padding: 14px;
|
|
}
|
|
|
|
.layui-col-space30 {
|
|
margin: -15px;
|
|
}
|
|
|
|
.layui-col-space30 > * {
|
|
padding: 15px;
|
|
}
|
|
|
|
.layui-col-space32 {
|
|
margin: -16px;
|
|
}
|
|
|
|
.layui-col-space32 > * {
|
|
padding: 16px;
|
|
}
|
|
|
|
/*
|
|
* 内边距
|
|
*/
|
|
|
|
.layui-padding-1 {
|
|
padding: var(--lay-spacing-xs) !important;
|
|
}
|
|
|
|
.layui-padding-2 {
|
|
padding: var(--lay-spacing-sm) !important;
|
|
}
|
|
|
|
.layui-padding-3 {
|
|
padding: var(--lay-spacing) !important;
|
|
}
|
|
|
|
.layui-padding-4 {
|
|
padding: var(--lay-spacing-lg) !important;
|
|
}
|
|
|
|
.layui-padding-5 {
|
|
padding: var(--lay-spacing-xl) !important;
|
|
}
|
|
|
|
/*
|
|
* 外边距
|
|
*/
|
|
|
|
.layui-margin-1 {
|
|
margin: var(--lay-spacing-xs) !important;
|
|
}
|
|
|
|
.layui-margin-2 {
|
|
margin: var(--lay-spacing-sm) !important;
|
|
}
|
|
|
|
.layui-margin-3 {
|
|
margin: var(--lay-spacing) !important;
|
|
}
|
|
|
|
.layui-margin-4 {
|
|
margin: var(--lay-spacing-lg) !important;
|
|
}
|
|
|
|
.layui-margin-5 {
|
|
margin: var(--lay-spacing-xl) !important;
|
|
}
|
|
|
|
/*
|
|
* 辅助类
|
|
*/
|
|
|
|
.layui-btn,
|
|
.layui-input,
|
|
.layui-select,
|
|
.layui-textarea,
|
|
.layui-upload-button {
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
transition: all 0.3s;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 引用 */
|
|
|
|
.layui-elem-quote {
|
|
margin-bottom: 10px;
|
|
padding: var(--lay-spacing);
|
|
line-height: 1.8;
|
|
border-left: 5px solid var(--lay-color-accent);
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
background-color: var(--lay-color-gray);
|
|
}
|
|
|
|
.layui-quote-nm {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-left-width: 5px;
|
|
background: none;
|
|
}
|
|
|
|
/* 字段集合 */
|
|
|
|
.layui-elem-field {
|
|
margin-bottom: 10px;
|
|
padding: 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.layui-elem-field legend {
|
|
margin-left: 20px;
|
|
padding: 0 10px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.layui-field-title {
|
|
margin: var(--lay-spacing) 0;
|
|
border-width: 0;
|
|
border-top-width: 1px;
|
|
}
|
|
|
|
.layui-field-box {
|
|
padding: var(--lay-spacing);
|
|
}
|
|
|
|
.layui-field-title .layui-field-box {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
/* 其它辅助 */
|
|
|
|
.layui-auxiliar-moving {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: none;
|
|
z-index: 9999999999;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-scrollbar-hide {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/* 进度条 */
|
|
|
|
.layui-progress {
|
|
position: relative;
|
|
height: 6px;
|
|
border-radius: 20px;
|
|
background-color: var(--lay-gray-300);
|
|
}
|
|
|
|
.layui-progress-bar {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 0;
|
|
max-width: 100%;
|
|
height: 6px;
|
|
border-radius: 20px;
|
|
text-align: right;
|
|
background-color: var(--lay-color-accent);
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-progress-big,
|
|
.layui-progress-big .layui-progress-bar {
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.layui-progress-text {
|
|
position: relative;
|
|
top: -20px;
|
|
line-height: 18px;
|
|
font-size: 12px;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-progress-big .layui-progress-text {
|
|
position: static;
|
|
padding: 0 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
/*
|
|
* 面板
|
|
*/
|
|
|
|
/* 折叠面板 */
|
|
|
|
.layui-collapse {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-colla-item,
|
|
.layui-colla-content {
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
}
|
|
|
|
.layui-colla-item:first-child {
|
|
border-top: none;
|
|
}
|
|
|
|
.layui-colla-title {
|
|
position: relative;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
padding: 0 15px 0 35px;
|
|
color: #333;
|
|
background-color: var(--lay-color-gray);
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-colla-content {
|
|
display: none;
|
|
padding: 10px 15px;
|
|
line-height: 1.6;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-colla-icon {
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 50%;
|
|
margin-top: -7px;
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-colla-item.layui-show > .layui-colla-title .layui-colla-icon {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.layui-colla-item.layui-show > .layui-colla-content {
|
|
display: block;
|
|
}
|
|
|
|
/* 卡片面板 */
|
|
|
|
.layui-card {
|
|
margin-bottom: 15px;
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: #fff;
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.layui-card:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.layui-card-header,
|
|
.layui-card-body {
|
|
position: relative;
|
|
padding: 10px 15px;
|
|
}
|
|
|
|
.layui-card-header {
|
|
border-bottom: 1px solid #f8f8f8;
|
|
color: #333;
|
|
border-radius: var(--lay-border-radius) 2px 0 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-card-body .layui-table {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.layui-card .layui-tab {
|
|
margin: 0;
|
|
}
|
|
|
|
/* 常规面板 */
|
|
|
|
.layui-panel {
|
|
position: relative;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
|
|
background-color: #fff;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
/* 窗口面板 */
|
|
|
|
.layui-panel-window {
|
|
position: relative;
|
|
padding: 15px;
|
|
border-radius: 0;
|
|
border-top: 5px solid var(--lay-border-color);
|
|
background-color: #fff;
|
|
}
|
|
|
|
/*
|
|
* 默认主题
|
|
*/
|
|
|
|
/* 背景颜色 */
|
|
|
|
.layui-bg-red {
|
|
background-color: var(--lay-color-red) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*赤*/
|
|
|
|
.layui-bg-orange {
|
|
background-color: var(--lay-color-orange) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*橙*/
|
|
|
|
.layui-bg-green {
|
|
background-color: var(--lay-color-primary) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*绿*/
|
|
|
|
.layui-bg-cyan {
|
|
background-color: #2f4056 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*藏青*/
|
|
|
|
.layui-bg-blue {
|
|
background-color: var(--lay-color-blue) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*蓝*/
|
|
|
|
.layui-bg-purple {
|
|
background-color: var(--lay-color-purple) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*紫*/
|
|
|
|
.layui-bg-black {
|
|
background-color: var(--lay-color-black) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/*深*/
|
|
|
|
.layui-bg-gray {
|
|
background-color: var(--lay-color-gray) !important;
|
|
color: #5f5f5f !important;
|
|
}
|
|
|
|
/*浅*/
|
|
|
|
/* 边框 */
|
|
|
|
.layui-border,
|
|
.layui-quote-nm,
|
|
.layui-elem-field,
|
|
.layui-collapse,
|
|
.layui-panel,
|
|
.layui-colla-item,
|
|
.layui-colla-content,
|
|
.layui-badge-rim,
|
|
.layui-tab-title,
|
|
.layui-tab-title .layui-this:after,
|
|
.layui-tab-bar,
|
|
.layui-tab-card,
|
|
.layui-input,
|
|
.layui-textarea,
|
|
.layui-select,
|
|
.layui-input-split,
|
|
.layui-form-pane .layui-form-label,
|
|
.layui-form-pane .layui-form-item[pane] {
|
|
border-color: var(--lay-border-color);
|
|
}
|
|
|
|
.layui-border {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
color: #5f5f5f !important;
|
|
}
|
|
|
|
.layui-border-red {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-red) !important;
|
|
color: var(--lay-color-red) !important;
|
|
}
|
|
|
|
.layui-border-orange {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-orange) !important;
|
|
color: var(--lay-color-orange) !important;
|
|
}
|
|
|
|
.layui-border-green {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-primary) !important;
|
|
color: var(--lay-color-primary) !important;
|
|
}
|
|
|
|
.layui-border-cyan {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #2f4056 !important;
|
|
color: #2f4056 !important;
|
|
}
|
|
|
|
.layui-border-blue {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-blue) !important;
|
|
color: var(--lay-color-blue) !important;
|
|
}
|
|
|
|
.layui-border-purple {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-purple) !important;
|
|
color: var(--lay-color-purple) !important;
|
|
}
|
|
|
|
.layui-border-black {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-color-black) !important;
|
|
color: var(--lay-color-black) !important;
|
|
}
|
|
|
|
/* 分割线边框 */
|
|
|
|
hr.layui-border-red,
|
|
hr.layui-border-orange,
|
|
hr.layui-border-green,
|
|
hr.layui-border-cyan,
|
|
hr.layui-border-blue,
|
|
hr.layui-border-purple,
|
|
hr.layui-border-black {
|
|
border-width: 0 0 1px;
|
|
}
|
|
|
|
/* 背景边框 */
|
|
|
|
.layui-timeline-item:before {
|
|
background-color: var(--lay-gray-300);
|
|
}
|
|
|
|
/* 文本区域 */
|
|
|
|
.layui-text {
|
|
line-height: 1.8;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-text h1 {
|
|
margin: 32px 0;
|
|
font-size: 32px;
|
|
}
|
|
|
|
.layui-text h2 {
|
|
margin: 24px 0;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.layui-text h3 {
|
|
margin: 16px 0;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.layui-text h4 {
|
|
margin: 11px 0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.layui-text h5 {
|
|
margin: 11px 0;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-text h6 {
|
|
margin: 11px 0;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.layui-text p {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.layui-text p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.layui-text p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.layui-text hr {
|
|
margin: 15px 0;
|
|
}
|
|
|
|
.layui-text ul,
|
|
.layui-text ol {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.layui-text ul li {
|
|
margin-top: 5px;
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.layui-text ol li {
|
|
margin-top: 5px;
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
.layui-text ul ul > li,
|
|
.layui-text ol ul > li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.layui-text ul li > p:first-child,
|
|
.layui-text ol li > p:first-child {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.layui-text :where(a:not(.layui-btn)) {
|
|
color: #01aaed;
|
|
}
|
|
|
|
.layui-text :where(a:not(.layui-btn):hover) {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.layui-text blockquote:not(.layui-elem-quote) {
|
|
margin: 15px 0;
|
|
padding: 5px 15px;
|
|
border-left: 5px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-text pre > code:not(.layui-code) {
|
|
display: block;
|
|
padding: 15px;
|
|
font-family: 'Courier New', Consolas, 'Lucida Console', monospace;
|
|
}
|
|
|
|
/* 文本区域辅助 */
|
|
|
|
.layui-text-em,
|
|
.layui-word-aux {
|
|
color: #999 !important;
|
|
padding-left: 5px !important;
|
|
padding-right: 5px !important;
|
|
}
|
|
|
|
/* 字体大小 */
|
|
|
|
.layui-font-12 {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.layui-font-13 {
|
|
font-size: 13px !important;
|
|
}
|
|
|
|
.layui-font-14 {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.layui-font-16 {
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.layui-font-18 {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.layui-font-20 {
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.layui-font-22 {
|
|
font-size: 22px !important;
|
|
}
|
|
|
|
.layui-font-24 {
|
|
font-size: 24px !important;
|
|
}
|
|
|
|
.layui-font-26 {
|
|
font-size: 26px !important;
|
|
}
|
|
|
|
.layui-font-28 {
|
|
font-size: 28px !important;
|
|
}
|
|
|
|
.layui-font-30 {
|
|
font-size: 30px !important;
|
|
}
|
|
|
|
.layui-font-32 {
|
|
font-size: 32px !important;
|
|
}
|
|
|
|
/* 字体颜色 */
|
|
|
|
.layui-font-red {
|
|
color: var(--lay-color-red) !important;
|
|
}
|
|
|
|
/*赤*/
|
|
|
|
.layui-font-orange {
|
|
color: var(--lay-color-orange) !important;
|
|
}
|
|
|
|
/*橙*/
|
|
|
|
.layui-font-green {
|
|
color: var(--lay-color-primary) !important;
|
|
}
|
|
|
|
/*绿*/
|
|
|
|
.layui-font-cyan {
|
|
color: #2f4056 !important;
|
|
}
|
|
|
|
/*藏青*/
|
|
|
|
.layui-font-blue {
|
|
color: #01aaed !important;
|
|
}
|
|
|
|
/*蓝*/
|
|
|
|
.layui-font-purple {
|
|
color: var(--lay-color-purple) !important;
|
|
}
|
|
|
|
/*紫*/
|
|
|
|
.layui-font-black {
|
|
color: #000 !important;
|
|
}
|
|
|
|
/*深*/
|
|
|
|
.layui-font-gray {
|
|
color: #c2c2c2 !important;
|
|
}
|
|
|
|
/*浅*/
|
|
|
|
/*
|
|
* 按钮
|
|
*/
|
|
|
|
.layui-btn {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 38px;
|
|
line-height: 36px;
|
|
border: 1px solid transparent;
|
|
padding: 0 18px;
|
|
background-color: var(--lay-color-primary);
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
border-radius: var(--lay-border-radius);
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-btn:hover {
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-btn:active {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
|
|
.layui-btn + .layui-btn {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* 按钮容器 */
|
|
|
|
.layui-btn-container {
|
|
word-spacing: -5px;
|
|
}
|
|
|
|
.layui-btn-container .layui-btn {
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
word-spacing: normal;
|
|
}
|
|
|
|
.layui-btn-container .layui-btn + .layui-btn {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.layui-table .layui-btn-container .layui-btn {
|
|
margin-bottom: 9px;
|
|
}
|
|
|
|
/* 圆角 */
|
|
|
|
.layui-btn-radius {
|
|
border-radius: 100px;
|
|
}
|
|
|
|
.layui-btn .layui-icon {
|
|
padding: 0 2px;
|
|
vertical-align: middle\0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* 原始 */
|
|
|
|
.layui-btn-primary {
|
|
border-color: var(--lay-border-color-accent);
|
|
background: none;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-btn-primary:hover {
|
|
border-color: var(--lay-color-primary);
|
|
color: #333;
|
|
}
|
|
|
|
/* 百搭 */
|
|
|
|
.layui-btn-normal {
|
|
background-color: var(--lay-color-blue);
|
|
}
|
|
|
|
/* 暖色 */
|
|
|
|
.layui-btn-warm {
|
|
background-color: var(--lay-color-orange);
|
|
}
|
|
|
|
/* 警告 */
|
|
|
|
.layui-btn-danger {
|
|
background-color: var(--lay-color-red);
|
|
}
|
|
|
|
/* 选中 */
|
|
|
|
.layui-btn-checked {
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
/* 禁用 */
|
|
|
|
.layui-btn-disabled,
|
|
.layui-btn-disabled:hover,
|
|
.layui-btn-disabled:active {
|
|
border-color: var(--lay-border-color) !important;
|
|
background-color: #fbfbfb !important;
|
|
color: var(--lay-gray-400) !important;
|
|
cursor: not-allowed !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* 大型 */
|
|
|
|
.layui-btn-lg {
|
|
height: 44px;
|
|
line-height: 44px;
|
|
padding: 0 25px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/* 小型 */
|
|
|
|
.layui-btn-sm {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* 超小 */
|
|
|
|
.layui-btn-xs {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
padding: 0 5px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-btn-xs i {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
/* 按钮组 */
|
|
|
|
.layui-btn-group {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-btn-group .layui-btn {
|
|
margin-left: 0 !important;
|
|
margin-right: 0 !important;
|
|
border-left: 1px solid rgba(255, 255, 255, 0.5);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.layui-btn-group .layui-btn-primary {
|
|
border-left: none;
|
|
}
|
|
|
|
.layui-btn-group .layui-btn-primary:hover {
|
|
border-color: var(--lay-border-color-accent);
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-btn-group .layui-btn:first-child {
|
|
border-left: none;
|
|
border-radius: var(--lay-border-radius) 0 0 var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-btn-group .layui-btn-primary:first-child {
|
|
border-left: 1px solid var(--lay-gray-400);
|
|
}
|
|
|
|
.layui-btn-group .layui-btn:last-child {
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
}
|
|
|
|
.layui-btn-group .layui-btn + .layui-btn {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.layui-btn-group + .layui-btn-group {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* 流体 */
|
|
|
|
.layui-btn-fluid {
|
|
width: 100%;
|
|
}
|
|
|
|
/** 表单 **/
|
|
|
|
.layui-input,
|
|
.layui-textarea,
|
|
.layui-select {
|
|
height: 38px;
|
|
line-height: 1.3;
|
|
line-height: 38px\9;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background-color: #fff;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-input::-webkit-input-placeholder,
|
|
.layui-textarea::-webkit-input-placeholder,
|
|
.layui-select::-webkit-input-placeholder {
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.layui-input,
|
|
.layui-textarea {
|
|
display: block;
|
|
width: 100%;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.layui-input:hover,
|
|
.layui-textarea:hover {
|
|
border-color: var(--lay-border-color-accent) !important;
|
|
}
|
|
|
|
.layui-input:focus,
|
|
.layui-textarea:focus {
|
|
border-color: var(--lay-color-accent) !important;
|
|
box-shadow: 0 0 0 3px rgba(22, 183, 119, 0.08);
|
|
}
|
|
|
|
.layui-textarea {
|
|
position: relative;
|
|
min-height: 100px;
|
|
height: auto;
|
|
line-height: 20px;
|
|
padding: 6px 10px;
|
|
resize: vertical;
|
|
}
|
|
|
|
.layui-input[disabled],
|
|
.layui-textarea[disabled] {
|
|
background-color: var(--lay-color-gray);
|
|
}
|
|
|
|
.layui-select {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.layui-form select,
|
|
.layui-form input[type='checkbox'],
|
|
.layui-form input[type='radio'] {
|
|
display: none;
|
|
}
|
|
|
|
.layui-form *[lay-ignore] {
|
|
display: initial;
|
|
}
|
|
|
|
.layui-form-item {
|
|
position: relative;
|
|
margin-bottom: 15px;
|
|
clear: both;
|
|
}
|
|
|
|
.layui-form-item:after {
|
|
content: '\20';
|
|
clear: both;
|
|
display: block;
|
|
height: 0;
|
|
}
|
|
|
|
.layui-form-label {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
padding: 9px 15px;
|
|
width: 80px;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.layui-form-label-col {
|
|
display: block;
|
|
float: none;
|
|
padding: 9px 0;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.layui-form-item .layui-inline {
|
|
margin-bottom: 5px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.layui-input-block,
|
|
.layui-input-inline {
|
|
position: relative;
|
|
}
|
|
|
|
.layui-input-block {
|
|
margin-left: 110px;
|
|
min-height: 36px;
|
|
}
|
|
|
|
.layui-input-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-form-item .layui-input-inline {
|
|
float: left;
|
|
width: 190px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.layui-form-text .layui-input-inline {
|
|
width: auto;
|
|
}
|
|
|
|
/* 分割块 */
|
|
|
|
.layui-form-mid {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
padding: 9px 0 !important;
|
|
line-height: 20px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* 警告条 */
|
|
|
|
.layui-form-danger:focus,
|
|
.layui-form-danger + .layui-form-select .layui-input {
|
|
border-color: var(--lay-color-red) !important;
|
|
box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.08);
|
|
}
|
|
|
|
/* 输入框点缀 */
|
|
|
|
.layui-input-prefix,
|
|
.layui-input-suffix,
|
|
.layui-input-split,
|
|
.layui-input-suffix .layui-input-affix {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 0 10px;
|
|
width: 35px;
|
|
height: 100%;
|
|
text-align: center;
|
|
transition: all 0.3s;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-input-prefix {
|
|
left: 0;
|
|
border-radius: var(--lay-border-radius) 0 0 var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-input-suffix {
|
|
right: 0;
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
}
|
|
|
|
.layui-input-split {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.layui-input-prefix .layui-icon,
|
|
.layui-input-suffix .layui-icon,
|
|
.layui-input-split .layui-icon {
|
|
position: relative;
|
|
font-size: 16px;
|
|
color: #5f5f5f;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
/* 输入框前后置容器 */
|
|
|
|
.layui-input-group {
|
|
position: relative;
|
|
display: table;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-input-group > * {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-input-group .layui-input {
|
|
padding-right: 15px;
|
|
}
|
|
|
|
.layui-input-group > .layui-input-prefix {
|
|
width: auto;
|
|
border-right: 0;
|
|
}
|
|
|
|
.layui-input-group > .layui-input-suffix {
|
|
width: auto;
|
|
border-left: 0;
|
|
}
|
|
|
|
.layui-input-group .layui-input-split {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* 输入框前后缀容器 */
|
|
|
|
.layui-input-wrap {
|
|
position: relative;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input {
|
|
padding-right: 35px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input::-ms-clear,
|
|
.layui-input-wrap .layui-input::-ms-reveal {
|
|
display: none;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-prefix + .layui-input,
|
|
.layui-input-wrap .layui-input-prefix ~ * .layui-input {
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-split + .layui-input,
|
|
.layui-input-wrap .layui-input-split ~ * .layui-input {
|
|
padding-left: 45px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-prefix ~ .layui-form-select {
|
|
position: static;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-prefix,
|
|
.layui-input-wrap .layui-input-suffix,
|
|
.layui-input-wrap .layui-input-split {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input:hover + .layui-input-split {
|
|
border-color: var(--lay-border-color-accent);
|
|
}
|
|
|
|
.layui-input-wrap .layui-input:focus + .layui-input-split {
|
|
border-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-input-wrap .layui-input.layui-form-danger:focus + .layui-input-split {
|
|
border-color: var(--lay-color-red);
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-prefix.layui-input-split {
|
|
border-width: 0;
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-suffix.layui-input-split {
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
/* 输入框动态点缀 */
|
|
|
|
.layui-input-affix {
|
|
line-height: 38px;
|
|
}
|
|
|
|
.layui-input-suffix .layui-input-affix {
|
|
right: auto;
|
|
left: -35px;
|
|
}
|
|
|
|
.layui-input-affix .layui-icon {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
pointer-events: auto !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-input-affix .layui-icon-clear {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.layui-input-affix .layui-icon:hover {
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
/* 数字输入框动态点缀 */
|
|
|
|
.layui-input-wrap .layui-input-number {
|
|
width: 24px;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon {
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 50%;
|
|
line-height: normal;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:before {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
margin-left: -6px;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon-up {
|
|
top: 0;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon-down {
|
|
bottom: 0;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input-number .layui-icon:hover {
|
|
font-weight: 700;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input[type='number']::-webkit-outer-spin-button,
|
|
.layui-input-wrap .layui-input[type='number']::-webkit-inner-spin-button {
|
|
-webkit-appearance: none !important;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input[type='number'] {
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
|
|
.layui-input-wrap .layui-input.layui-input-number-out-of-range,
|
|
.layui-input-wrap .layui-input.layui-input-number-invalid {
|
|
color: var(--lay-color-red);
|
|
}
|
|
|
|
/* 下拉选择 */
|
|
|
|
.layui-form-select {
|
|
position: relative;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-form-select .layui-input {
|
|
padding-right: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-form-select .layui-edge {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
margin-top: -3px;
|
|
cursor: pointer;
|
|
border-width: 6px;
|
|
border-top-color: #c2c2c2;
|
|
border-top-style: solid;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-form-select dl {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 42px;
|
|
padding: 5px 0;
|
|
z-index: 899;
|
|
min-width: 100%;
|
|
border: 1px solid var(--lay-border-color);
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
background-color: #fff;
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-form-select dl dt,
|
|
.layui-form-select dl dd {
|
|
padding: 0 10px;
|
|
line-height: 36px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.layui-form-select dl dt {
|
|
font-size: 12px;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-form-select dl dd {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-form-select dl dd:hover {
|
|
background-color: #f8f8f8;
|
|
transition: 0.5s all;
|
|
}
|
|
|
|
.layui-form-select .layui-select-group dd {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.layui-form-select dl dd.layui-select-tips {
|
|
padding-left: 10px !important;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-form-select dl dd.layui-this {
|
|
background-color: #f8f8f8;
|
|
color: var(--lay-color-accent);
|
|
font-weight: 700;
|
|
}
|
|
|
|
/*.layui-form-select dl dd.layui-this{background-color: #f8f8f8; color: var(--lay-color-accent); font-weight: 700;}*/
|
|
|
|
.layui-form-select dl dd.layui-disabled {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-form-selected dl {
|
|
display: block;
|
|
}
|
|
|
|
.layui-form-selected .layui-edge {
|
|
margin-top: -9px;
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.layui-form-selected .layui-edge {
|
|
margin-top: -3px\0;
|
|
}
|
|
|
|
:root .layui-form-selected .layui-edge {
|
|
margin-top: -9px\0 / IE9;
|
|
}
|
|
|
|
.layui-form-selectup dl {
|
|
top: auto;
|
|
bottom: 42px;
|
|
}
|
|
|
|
.layui-select-none {
|
|
margin: 5px 0;
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-select-panel-wrap {
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
}
|
|
|
|
.layui-select-panel-wrap dl {
|
|
position: relative;
|
|
display: block;
|
|
top: 0;
|
|
}
|
|
|
|
.layui-select-disabled .layui-disabled {
|
|
border-color: var(--lay-border-color) !important;
|
|
}
|
|
|
|
.layui-select-disabled .layui-edge {
|
|
border-top-color: var(--lay-border-color-accent);
|
|
}
|
|
|
|
/* 复选框 */
|
|
|
|
.layui-form-checkbox {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-right: 10px;
|
|
padding-right: 30px;
|
|
background-color: #fff;
|
|
cursor: pointer;
|
|
font-size: 0;
|
|
transition: 0.1s linear;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-form-checkbox > * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-form-checkbox > div {
|
|
padding: 0 11px;
|
|
font-size: 14px;
|
|
border-radius: var(--lay-border-radius) 0 0 var(--lay-border-radius);
|
|
background-color: var(--lay-gray-400);
|
|
color: #fff;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.layui-form-checkbox > div > .layui-icon {
|
|
line-height: normal;
|
|
}
|
|
|
|
.layui-form-checkbox:hover > div {
|
|
background-color: #c2c2c2;
|
|
}
|
|
|
|
.layui-form-checkbox > i {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 30px;
|
|
height: 100%;
|
|
border: 1px solid var(--lay-border-color-accent);
|
|
border-left: none;
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
color: #fff;
|
|
color: rgba(255, 255, 255, 0);
|
|
font-size: 20px;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-form-checkbox:hover > i {
|
|
border-color: #c2c2c2;
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
.layui-form-checked,
|
|
.layui-form-checked:hover {
|
|
border-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-form-checked > div,
|
|
.layui-form-checked:hover > div {
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-form-checked > i,
|
|
.layui-form-checked:hover > i {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-form-item .layui-form-checkbox {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.layui-form-checkbox.layui-checkbox-disabled > div {
|
|
background-color: var(--lay-gray-300) !important;
|
|
}
|
|
|
|
.layui-form *[lay-checkbox] {
|
|
display: none;
|
|
}
|
|
|
|
/* 复选框-默认风格 */
|
|
|
|
.layui-form-checkbox[lay-skin='primary'] {
|
|
height: auto !important;
|
|
line-height: normal !important;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
border: none !important;
|
|
margin-right: 0;
|
|
padding-left: 24px;
|
|
padding-right: 0;
|
|
background: none;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='primary'] > div {
|
|
margin-top: -1px;
|
|
padding-left: 0;
|
|
padding-right: 15px;
|
|
line-height: 18px;
|
|
background: none;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='primary'] > i {
|
|
right: auto;
|
|
left: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 14px;
|
|
border: 1px solid #d2d2d2;
|
|
font-size: 12px;
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: #fff;
|
|
transition: 0.1s linear;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='primary']:hover > i {
|
|
border-color: var(--lay-color-accent);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-form-checked[lay-skin='primary'] > i {
|
|
border-color: var(--lay-color-accent) !important;
|
|
background-color: var(--lay-color-accent);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-checkbox-disabled[lay-skin='primary'] > div {
|
|
background: none !important;
|
|
}
|
|
|
|
.layui-form-checked.layui-checkbox-disabled[lay-skin='primary'] > i {
|
|
background: var(--lay-gray-300) !important;
|
|
border-color: var(--lay-gray-300) !important;
|
|
}
|
|
|
|
.layui-checkbox-disabled[lay-skin='primary']:hover > i {
|
|
border-color: var(--lay-border-color-accent);
|
|
}
|
|
|
|
.layui-form-item .layui-form-checkbox[lay-skin='primary'] {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='primary'] > .layui-icon-indeterminate {
|
|
border-color: var(--lay-color-accent);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='primary'] > .layui-icon-indeterminate:before {
|
|
content: '';
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
width: 50%;
|
|
height: 1px;
|
|
margin: -1px auto 0;
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
/* 复选框-开关风格 */
|
|
|
|
.layui-form-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 24px;
|
|
line-height: 22px;
|
|
min-width: 44px;
|
|
padding: 0 5px;
|
|
margin-top: 8px;
|
|
border: 1px solid #d2d2d2;
|
|
border-radius: 20px;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
transition: 0.1s linear;
|
|
}
|
|
|
|
.layui-form-switch > i {
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 3px;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 20px;
|
|
background-color: var(--lay-gray-400);
|
|
transition: 0.1s linear;
|
|
}
|
|
|
|
.layui-form-switch > div {
|
|
position: relative;
|
|
top: 0;
|
|
margin-left: 21px;
|
|
padding: 0 !important;
|
|
text-align: center !important;
|
|
color: #999 !important;
|
|
font-style: normal !important;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-form-onswitch {
|
|
border-color: var(--lay-color-accent);
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-form-onswitch > i {
|
|
left: 100%;
|
|
margin-left: -21px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-form-onswitch > div {
|
|
margin-left: 0;
|
|
margin-right: 21px;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* 无样式风格-根据模板自定义样式*/
|
|
|
|
.layui-form-checkbox[lay-skin='none'] *,
|
|
.layui-form-radio[lay-skin='none'] * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='none'],
|
|
.layui-form-radio[lay-skin='none'] {
|
|
position: relative;
|
|
min-height: 20px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: auto;
|
|
line-height: normal;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='none'] > div,
|
|
.layui-form-radio[lay-skin='none'] > div {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
z-index: 10;
|
|
color: inherit;
|
|
background-color: inherit;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='none'] > i,
|
|
.layui-form-radio[lay-skin='none'] > i {
|
|
display: none;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='none'].layui-checkbox-disabled > div,
|
|
.layui-form-radio[lay-skin='none'].layui-radio-disabled > div {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.layui-checkbox-disabled {
|
|
border-color: var(--lay-border-color) !important;
|
|
}
|
|
|
|
.layui-checkbox-disabled > div {
|
|
color: #c2c2c2 !important;
|
|
}
|
|
|
|
.layui-checkbox-disabled > i {
|
|
border-color: var(--lay-border-color) !important;
|
|
}
|
|
|
|
.layui-checkbox-disabled:hover > i {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='tag'].layui-form-checked.layui-checkbox-disabled
|
|
> i {
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
.layui-form-checkbox[lay-skin='tag'].layui-form-checked.layui-checkbox-disabled:hover
|
|
> i {
|
|
color: #c2c2c2 !important;
|
|
}
|
|
|
|
/* 单选框 */
|
|
|
|
.layui-form-radio {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 28px;
|
|
margin: 6px 10px 0 0;
|
|
padding-right: 10px;
|
|
cursor: pointer;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-form-radio > * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-form-radio > i {
|
|
margin-right: 8px;
|
|
font-size: 22px;
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
.layui-form-radioed,
|
|
.layui-form-radioed > i,
|
|
.layui-form-radio:hover > * {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-radio-disabled > i {
|
|
color: var(--lay-gray-300) !important;
|
|
}
|
|
|
|
.layui-radio-disabled > * {
|
|
color: #c2c2c2 !important;
|
|
}
|
|
|
|
.layui-form *[lay-radio] {
|
|
display: none;
|
|
}
|
|
|
|
/* 表单方框风格 */
|
|
|
|
.layui-form-pane .layui-form-label {
|
|
width: 110px;
|
|
padding: 8px 15px;
|
|
height: 38px;
|
|
line-height: 20px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: var(--lay-border-radius) 0 0 var(--lay-border-radius);
|
|
text-align: center;
|
|
background-color: var(--lay-color-gray);
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-form-pane .layui-input-inline {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.layui-form-pane .layui-input-block {
|
|
margin-left: 110px;
|
|
left: -1px;
|
|
}
|
|
|
|
.layui-form-pane .layui-input {
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-text .layui-form-label {
|
|
float: none;
|
|
width: 100%;
|
|
border-radius: var(--lay-border-radius);
|
|
box-sizing: border-box;
|
|
text-align: left;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-text .layui-input-inline {
|
|
display: block;
|
|
margin: 0;
|
|
top: -1px;
|
|
clear: both;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-text .layui-input-block {
|
|
margin: 0;
|
|
left: 0;
|
|
top: -1px;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-text .layui-textarea {
|
|
min-height: 100px;
|
|
border-radius: 0 0 var(--lay-border-radius) var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-form-pane .layui-form-checkbox {
|
|
margin: 4px 0 4px 10px;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-switch,
|
|
.layui-form-pane .layui-form-radio {
|
|
margin-top: 6px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-item[pane] {
|
|
position: relative;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-item[pane] .layui-form-label {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
border-width: 0px;
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.layui-form-pane .layui-form-item[pane] .layui-input-inline {
|
|
margin-left: 110px;
|
|
}
|
|
|
|
/** 表单响应式 **/
|
|
|
|
@media screen and (max-width: 450px) {
|
|
.layui-form-item .layui-form-label {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.layui-form-item .layui-inline {
|
|
display: block;
|
|
margin-right: 0;
|
|
margin-bottom: 20px;
|
|
clear: both;
|
|
}
|
|
.layui-form-item .layui-inline:after {
|
|
content: '\20';
|
|
clear: both;
|
|
display: block;
|
|
height: 0;
|
|
}
|
|
.layui-form-item .layui-input-inline {
|
|
display: block;
|
|
float: none;
|
|
left: -3px;
|
|
width: auto !important;
|
|
margin: 0 0 10px 112px;
|
|
}
|
|
.layui-form-item .layui-input-inline + .layui-form-mid {
|
|
margin-left: 110px;
|
|
top: -5px;
|
|
padding: 0;
|
|
}
|
|
.layui-form-item .layui-form-checkbox {
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
/** 分页 **/
|
|
|
|
.layui-laypage {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: 10px 0;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-laypage > a:first-child,
|
|
.layui-laypage > a:first-child em {
|
|
border-radius: var(--lay-border-radius) 0 0 var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-laypage > a:last-child,
|
|
.layui-laypage > a:last-child em {
|
|
border-radius: 0 var(--lay-border-radius) var(--lay-border-radius) 0;
|
|
}
|
|
|
|
.layui-laypage > *:first-child {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.layui-laypage > *:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.layui-laypage a,
|
|
.layui-laypage span,
|
|
.layui-laypage input,
|
|
.layui-laypage button,
|
|
.layui-laypage select {
|
|
border: 1px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-laypage a,
|
|
.layui-laypage span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0 15px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
margin: 0 -1px 5px 0;
|
|
background-color: #fff;
|
|
color: #333;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-laypage a[data-page] {
|
|
color: #333;
|
|
}
|
|
|
|
.layui-laypage a {
|
|
text-decoration: none !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-laypage a:hover {
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-laypage em {
|
|
font-style: normal;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-spr {
|
|
color: #999;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-curr {
|
|
position: relative;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-curr em {
|
|
position: relative;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-curr .layui-laypage-em {
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
padding: 1px;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-laypage-em {
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-laypage-prev em,
|
|
.layui-laypage-next em {
|
|
font-family: Sim sun;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-count,
|
|
.layui-laypage .layui-laypage-limits,
|
|
.layui-laypage .layui-laypage-refresh,
|
|
.layui-laypage .layui-laypage-skip {
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-limits,
|
|
.layui-laypage .layui-laypage-refresh {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-refresh i {
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-laypage select {
|
|
height: 22px;
|
|
padding: 3px;
|
|
border-radius: var(--lay-border-radius);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-laypage .layui-laypage-skip {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-laypage input,
|
|
.layui-laypage button {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border-radius: var(--lay-border-radius);
|
|
vertical-align: top;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-laypage input {
|
|
display: inline-block;
|
|
width: 40px;
|
|
margin: 0 10px;
|
|
padding: 0 3px;
|
|
text-align: center;
|
|
transition: none;
|
|
}
|
|
|
|
.layui-laypage input:focus,
|
|
.layui-laypage select:focus {
|
|
border-color: var(--lay-color-primary) !important;
|
|
}
|
|
|
|
.layui-laypage button {
|
|
margin-left: 10px;
|
|
padding: 0 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** 流加载 **/
|
|
|
|
.layui-flow-more {
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
color: #999;
|
|
font-size: 14px;
|
|
clear: both;
|
|
}
|
|
|
|
.layui-flow-more a {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
|
|
.layui-flow-more a * {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.layui-flow-more a cite {
|
|
padding: 0 20px;
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: var(--lay-gray-300);
|
|
color: #333;
|
|
font-style: normal;
|
|
}
|
|
|
|
.layui-flow-more a cite:hover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.layui-flow-more a i {
|
|
font-size: 30px;
|
|
color: #737383;
|
|
}
|
|
|
|
/** 表格 **/
|
|
|
|
.layui-table {
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
background-color: #fff;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-table tr {
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-table th {
|
|
text-align: left;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.layui-table-mend {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-table-hover,
|
|
.layui-table-click,
|
|
.layui-table[lay-even] tbody tr:nth-child(even) {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.layui-table-checked {
|
|
background-color: #dbfbf0;
|
|
}
|
|
|
|
.layui-table-checked.layui-table-hover,
|
|
.layui-table-checked.layui-table-click,
|
|
.layui-table[lay-even] tbody tr:nth-child(even).layui-table-checked {
|
|
background-color: #abf8dd;
|
|
}
|
|
|
|
.layui-table-disabled-transition *,
|
|
.layui-table-disabled-transition *:before,
|
|
.layui-table-disabled-transition *:after {
|
|
transition: none !important;
|
|
}
|
|
|
|
.layui-table th,
|
|
.layui-table td,
|
|
.layui-table[lay-skin='line'],
|
|
.layui-table[lay-skin='row'],
|
|
.layui-table-view,
|
|
.layui-table-tool,
|
|
.layui-table-header,
|
|
.layui-table-col-set,
|
|
.layui-table-total,
|
|
.layui-table-page,
|
|
.layui-table-fixed-r,
|
|
.layui-table-mend,
|
|
.layui-table-tips-main,
|
|
.layui-table-grid-down {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: var(--lay-border-color);
|
|
}
|
|
|
|
.layui-table th,
|
|
.layui-table td {
|
|
position: relative;
|
|
padding: 9px 15px;
|
|
min-height: 20px;
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-table[lay-skin='line'] th,
|
|
.layui-table[lay-skin='line'] td {
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.layui-table[lay-skin='row'] th,
|
|
.layui-table[lay-skin='row'] td {
|
|
border-width: 0;
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.layui-table[lay-skin='nob'] th,
|
|
.layui-table[lay-skin='nob'] td {
|
|
border: none;
|
|
}
|
|
|
|
.layui-table img {
|
|
max-width: 100px;
|
|
}
|
|
|
|
/* 大表格 */
|
|
|
|
.layui-table[lay-size='lg'] th,
|
|
.layui-table[lay-size='lg'] td {
|
|
padding-top: 15px;
|
|
padding-right: 30px;
|
|
padding-bottom: 15px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.layui-table-view .layui-table[lay-size='lg'] .layui-table-cell {
|
|
height: 50px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
/* 小表格 */
|
|
|
|
.layui-table[lay-size='sm'] th,
|
|
.layui-table[lay-size='sm'] td {
|
|
padding-top: 5px;
|
|
padding-right: 10px;
|
|
padding-bottom: 5px;
|
|
padding-left: 10px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-table-view .layui-table[lay-size='sm'] .layui-table-cell {
|
|
height: 30px;
|
|
line-height: 20px;
|
|
padding-top: 5px;
|
|
padding-left: 11px;
|
|
padding-right: 11px;
|
|
}
|
|
|
|
/* 数据表格 */
|
|
|
|
.layui-table[lay-data],
|
|
.layui-table[lay-options] {
|
|
display: none;
|
|
}
|
|
|
|
.layui-table-box {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-table-view {
|
|
clear: both;
|
|
position: relative;
|
|
border-right: none;
|
|
}
|
|
|
|
.layui-table-view:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
background-color: var(--lay-gray-300);
|
|
z-index: 101;
|
|
}
|
|
|
|
.layui-table-view .layui-table {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 0;
|
|
border: 0;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.layui-table-view .layui-table[lay-skin='line'] {
|
|
border-width: 0;
|
|
border-right-width: 1px;
|
|
}
|
|
|
|
.layui-table-view .layui-table[lay-skin='row'] {
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.layui-table-view .layui-table th,
|
|
.layui-table-view .layui-table td {
|
|
padding: 0;
|
|
border-top: none;
|
|
border-left: none;
|
|
}
|
|
|
|
.layui-table-view .layui-table th [lay-event],
|
|
.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-table-view .layui-table th span,
|
|
.layui-table-view .layui-table td {
|
|
cursor: default;
|
|
}
|
|
|
|
.layui-table-view .layui-table td[data-edit] {
|
|
cursor: text;
|
|
}
|
|
|
|
.layui-table-view .layui-table td[data-edit]:hover:after {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid #16b777;
|
|
pointer-events: none;
|
|
content: '';
|
|
}
|
|
|
|
.layui-table-view .layui-form-checkbox[lay-skin='primary'] i {
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.layui-table-view .layui-form-radio {
|
|
line-height: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-table-view .layui-form-radio > i {
|
|
margin: 0;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.layui-table-init {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 0;
|
|
z-index: 199;
|
|
transition: opacity 0.1s;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-table-loading-icon {
|
|
position: absolute;
|
|
width: 100%\0;
|
|
left: 50%;
|
|
left: auto\0;
|
|
top: 50%;
|
|
margin-top: -15px\0;
|
|
transform: translate(-50%, -50%);
|
|
transform: none\0;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-table-loading-icon .layui-icon {
|
|
font-size: 30px;
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
.layui-table-header {
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-table-header .layui-table {
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.layui-table-column {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 41px;
|
|
padding: 8px 16px;
|
|
border-width: 0;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.layui-table-column .layui-btn-container {
|
|
margin-bottom: -8px;
|
|
}
|
|
|
|
.layui-table-column .layui-btn-container .layui-btn {
|
|
margin-right: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.layui-table-tool .layui-inline[lay-event] {
|
|
position: relative;
|
|
width: 26px;
|
|
height: 26px;
|
|
padding: 5px;
|
|
line-height: 16px;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
color: #333;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
transition: 0.5s all;
|
|
}
|
|
|
|
.layui-table-tool .layui-inline[lay-event]:hover {
|
|
border: 1px solid #999;
|
|
}
|
|
|
|
.layui-table-tool-temp {
|
|
padding-right: 120px;
|
|
}
|
|
|
|
.layui-table-tool-self {
|
|
position: absolute;
|
|
right: 17px;
|
|
top: 10px;
|
|
}
|
|
|
|
.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.layui-table-tool-panel {
|
|
position: absolute;
|
|
top: 29px;
|
|
left: -1px;
|
|
z-index: 399;
|
|
padding: 5px 0 !important;
|
|
min-width: 150px;
|
|
min-height: 40px;
|
|
border: 1px solid var(--lay-border-color-accent);
|
|
text-align: left;
|
|
overflow-y: auto;
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.layui-table-tool-panel li {
|
|
padding: 0 10px;
|
|
margin: 0 !important;
|
|
line-height: 30px;
|
|
list-style-type: none !important;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
transition: 0.5s all;
|
|
}
|
|
|
|
.layui-table-tool-panel li .layui-form-checkbox[lay-skin='primary'] {
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-table-tool-panel li:hover {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.layui-table-tool-panel li .layui-form-checkbox[lay-skin='primary'] {
|
|
padding-left: 28px;
|
|
}
|
|
|
|
.layui-table-tool-panel li .layui-form-checkbox[lay-skin='primary'] i {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.layui-table-tool-panel li .layui-form-checkbox[lay-skin='primary'] span {
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
|
|
left: auto;
|
|
right: -1px;
|
|
}
|
|
|
|
.layui-table-col-set {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 20px;
|
|
height: 100%;
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-table-sort {
|
|
width: 10px;
|
|
height: 20px;
|
|
margin-left: 5px;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.layui-table-sort .layui-edge {
|
|
position: absolute;
|
|
left: 5px;
|
|
border-width: 5px;
|
|
}
|
|
|
|
.layui-table-sort .layui-table-sort-asc {
|
|
top: 3px;
|
|
border-top: none;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #b2b2b2;
|
|
}
|
|
|
|
.layui-table-sort .layui-table-sort-asc:hover {
|
|
border-bottom-color: #5f5f5f;
|
|
}
|
|
|
|
.layui-table-sort .layui-table-sort-desc {
|
|
bottom: 5px;
|
|
border-bottom: none;
|
|
border-top-style: solid;
|
|
border-top-color: #b2b2b2;
|
|
}
|
|
|
|
.layui-table-sort .layui-table-sort-desc:hover {
|
|
border-top-color: #5f5f5f;
|
|
}
|
|
|
|
.layui-table-sort[lay-sort='asc'] .layui-table-sort-asc {
|
|
border-bottom-color: #000;
|
|
}
|
|
|
|
.layui-table-sort[lay-sort='desc'] .layui-table-sort-desc {
|
|
border-top-color: #000;
|
|
}
|
|
|
|
.layui-table-cell {
|
|
height: 38px;
|
|
line-height: 28px;
|
|
padding: 6px 15px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-table-cell .layui-form-checkbox[lay-skin='primary'] {
|
|
top: -1px;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-table-cell .layui-form-checkbox[lay-skin='primary'] > div {
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.layui-table-cell .layui-table-link {
|
|
color: #01aaed;
|
|
}
|
|
|
|
.layui-table-cell .layui-btn {
|
|
vertical-align: inherit;
|
|
}
|
|
|
|
.layui-table-cell[align='center'] {
|
|
-webkit-box-pack: center;
|
|
}
|
|
|
|
.layui-table-cell[align='right'] {
|
|
-webkit-box-pack: end;
|
|
}
|
|
|
|
.laytable-cell-checkbox,
|
|
.laytable-cell-radio,
|
|
.laytable-cell-space,
|
|
.laytable-cell-numbers {
|
|
text-align: center;
|
|
-webkit-box-pack: center;
|
|
}
|
|
|
|
.layui-table-body {
|
|
position: relative;
|
|
overflow: auto;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.layui-table-body .layui-none {
|
|
line-height: 26px;
|
|
padding: 30px 15px;
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-table-fixed {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 101;
|
|
}
|
|
|
|
.layui-table-fixed .layui-table-body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-table-fixed-l {
|
|
box-shadow: 1px 0 8px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.layui-table-fixed-r {
|
|
left: auto;
|
|
right: 0px;
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
box-shadow: -1px 0 8px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.layui-table-fixed-r .layui-table-header {
|
|
position: relative;
|
|
overflow: visible;
|
|
}
|
|
|
|
.layui-table-mend {
|
|
position: absolute;
|
|
right: -49px;
|
|
top: 0;
|
|
height: 100%;
|
|
width: 50px;
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
.layui-table-tool {
|
|
position: relative;
|
|
width: 100%;
|
|
min-height: 50px;
|
|
line-height: 30px;
|
|
padding: 10px 15px;
|
|
border-width: 0;
|
|
border-bottom-width: 1px; /*box-shadow: 0 1px 8px 0 rgb(0 0 0 / 8%);*/
|
|
}
|
|
|
|
.layui-table-tool .layui-btn-container {
|
|
margin-bottom: -10px;
|
|
}
|
|
|
|
.layui-table-total {
|
|
margin-bottom: -1px;
|
|
border-width: 0;
|
|
border-top-width: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-table-page {
|
|
border-width: 0;
|
|
border-top-width: 1px;
|
|
margin-bottom: -1px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-table-page > div {
|
|
height: 26px;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage {
|
|
margin: 0;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage a,
|
|
.layui-table-page .layui-laypage span {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
margin-bottom: 10px;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage a,
|
|
.layui-table-page .layui-laypage span.layui-laypage-curr {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage span {
|
|
margin-left: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage .layui-laypage-prev {
|
|
margin-left: -11px !important;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage input,
|
|
.layui-table-page .layui-laypage button {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage input {
|
|
width: 40px;
|
|
}
|
|
|
|
.layui-table-page .layui-laypage button {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.layui-table-page select {
|
|
height: 18px;
|
|
}
|
|
|
|
.layui-table-pagebar {
|
|
float: right;
|
|
line-height: 23px;
|
|
}
|
|
|
|
.layui-table-pagebar .layui-btn-sm {
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.layui-table-pagebar .layui-btn-xs {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.layui-table-view select[lay-ignore] {
|
|
display: inline-block;
|
|
}
|
|
|
|
.layui-table-patch .layui-table-cell {
|
|
padding: 0;
|
|
width: 30px;
|
|
}
|
|
|
|
.layui-table-edit {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 189;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
padding: 5px 14px;
|
|
border-radius: 0;
|
|
box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.15);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-table-edit:focus {
|
|
border-color: var(--lay-color-accent) !important;
|
|
}
|
|
|
|
input.layui-input.layui-table-edit {
|
|
height: 100%;
|
|
}
|
|
|
|
select.layui-table-edit {
|
|
padding: 0 0 0 10px;
|
|
border-color: var(--lay-border-color-accent);
|
|
}
|
|
|
|
.layui-table-view .layui-form-switch,
|
|
.layui-table-view .layui-form-checkbox,
|
|
.layui-table-view .layui-form-radio {
|
|
top: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.layui-table-view .layui-form-checkbox {
|
|
top: -1px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
}
|
|
|
|
.layui-table-view .layui-form-checkbox i {
|
|
height: 26px;
|
|
}
|
|
|
|
/* 展开溢出的单元格 */
|
|
|
|
.layui-table-grid .layui-table-cell {
|
|
overflow: visible;
|
|
}
|
|
|
|
.layui-table-grid-down {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 24px;
|
|
height: 100%;
|
|
padding: 5px 0;
|
|
border-width: 0;
|
|
border-left-width: 1px;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
color: #999;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-table-grid-down .layui-icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -8px 0 0 -8px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-table-grid-down:hover {
|
|
background-color: #fbfbfb;
|
|
}
|
|
|
|
/* 单元格多行展开风格 */
|
|
|
|
.layui-table-expanded {
|
|
height: 95px;
|
|
}
|
|
|
|
.layui-table-expanded .layui-table-cell,
|
|
.layui-table-view
|
|
.layui-table[lay-size='sm']
|
|
.layui-table-expanded
|
|
.layui-table-cell,
|
|
.layui-table-view
|
|
.layui-table[lay-size='lg']
|
|
.layui-table-expanded
|
|
.layui-table-cell {
|
|
height: auto;
|
|
max-height: 94px;
|
|
white-space: normal;
|
|
text-overflow: clip;
|
|
}
|
|
|
|
.layui-table-cell-c {
|
|
position: absolute;
|
|
bottom: -10px;
|
|
right: 50%;
|
|
margin-right: -9px;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 18px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
background-color: #fff;
|
|
border: 1px solid var(--lay-border-color);
|
|
border-radius: 50%;
|
|
z-index: 1000;
|
|
transition: 0.3s all;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-table-cell-c:hover {
|
|
border-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-table-expanded td:hover .layui-table-cell {
|
|
overflow: auto;
|
|
}
|
|
|
|
.layui-table-main
|
|
> .layui-table
|
|
> tbody
|
|
> tr:last-child
|
|
> td
|
|
> .layui-table-cell-c {
|
|
bottom: 0;
|
|
}
|
|
|
|
/* 单元格 TIPS 展开风格 */
|
|
|
|
body .layui-table-tips .layui-layer-content {
|
|
background: none;
|
|
padding: 0;
|
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.layui-table-tips-main {
|
|
margin: -49px 0 0 -1px;
|
|
max-height: 150px;
|
|
padding: 8px 15px;
|
|
font-size: 14px;
|
|
overflow-y: scroll;
|
|
background-color: #fff;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-table-tips-c {
|
|
position: absolute;
|
|
right: -3px;
|
|
top: -13px;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 3px;
|
|
cursor: pointer;
|
|
background-color: #5f5f5f;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-table-tips-c:hover {
|
|
background-color: #777;
|
|
}
|
|
|
|
.layui-table-tips-c:before {
|
|
position: relative;
|
|
right: -2px;
|
|
}
|
|
|
|
/** 树表 **/
|
|
|
|
.layui-table-tree-nodeIcon {
|
|
max-width: 20px;
|
|
}
|
|
|
|
.layui-table-tree-nodeIcon > * {
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-table-tree-flexIcon,
|
|
.layui-table-tree-nodeIcon {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.layui-table-tree-flexIcon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/** 文件上传 **/
|
|
|
|
.layui-upload-file {
|
|
display: none !important;
|
|
opacity: 0.01;
|
|
filter: Alpha(opacity=1);
|
|
}
|
|
|
|
.layui-upload-list {
|
|
margin: 11px 0;
|
|
}
|
|
|
|
.layui-upload-choose {
|
|
max-width: 200px;
|
|
padding: 0 10px;
|
|
color: #999;
|
|
font-size: 14px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.layui-upload-drag {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 30px;
|
|
border: 1px dashed #e2e2e2;
|
|
background-color: #fff;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-upload-drag .layui-icon {
|
|
font-size: 50px;
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-upload-drag[lay-over] {
|
|
border-color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-upload-form {
|
|
display: inline-block;
|
|
}
|
|
|
|
.layui-upload-iframe {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.layui-upload-wrap {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-upload-wrap .layui-upload-file {
|
|
display: block !important;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 10;
|
|
font-size: 100px;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.01;
|
|
filter: Alpha(opacity=1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-btn-container .layui-upload-choose {
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* 基础菜单元素 */
|
|
|
|
.layui-menu {
|
|
position: relative;
|
|
margin: 5px 0;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-menu * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-menu li,
|
|
.layui-menu-body-title,
|
|
.layui-menu-body-title a {
|
|
padding: 5px 15px;
|
|
color: initial;
|
|
}
|
|
|
|
.layui-menu li {
|
|
position: relative;
|
|
margin: 0 0 1px;
|
|
line-height: 26px;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
font-size: 14px;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-menu li:hover {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.layui-menu li.layui-disabled,
|
|
.layui-menu li.layui-disabled * {
|
|
background: none !important;
|
|
color: #d2d2d2 !important;
|
|
cursor: not-allowed !important;
|
|
}
|
|
|
|
.layui-menu-item-parent:hover > .layui-menu-body-panel {
|
|
display: block;
|
|
animation-name: layui-fadein;
|
|
animation-duration: 0.3s;
|
|
animation-fill-mode: both;
|
|
animation-delay: 0.2s;
|
|
}
|
|
|
|
.layui-menu-item-parent > .layui-menu-body-title,
|
|
.layui-menu-item-group > .layui-menu-body-title {
|
|
padding-right: 38px;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-group:hover,
|
|
.layui-menu .layui-menu-item-none:hover,
|
|
.layui-menu .layui-menu-item-divider:hover {
|
|
background: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-group > ul {
|
|
margin: 5px 0 -5px;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-group > .layui-menu-body-title {
|
|
color: rgba(0, 0, 0, 0.35);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-none {
|
|
color: rgba(0, 0, 0, 0.35);
|
|
cursor: default;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-none {
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-divider {
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-up:hover,
|
|
.layui-menu .layui-menu-item-down:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-up > .layui-menu-body-title {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-up > ul {
|
|
visibility: hidden;
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-down > .layui-menu-body-title > .layui-icon-down {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-up > .layui-menu-body-title > .layui-icon-up {
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-up > .layui-menu-body-title:hover > .layui-icon,
|
|
.layui-menu .layui-menu-item-down:hover > .layui-menu-body-title > .layui-icon {
|
|
color: rgba(0, 0, 0, 1);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-down > ul {
|
|
visibility: visible;
|
|
height: auto;
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-checked,
|
|
.layui-menu .layui-menu-item-checked2 {
|
|
background-color: #f8f8f8 !important;
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-checked a,
|
|
.layui-menu .layui-menu-item-checked2 a {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-menu .layui-menu-item-checked:after {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: 0;
|
|
bottom: 0;
|
|
border-right: 3px solid var(--lay-color-accent);
|
|
content: '';
|
|
}
|
|
|
|
.layui-menu-body-title {
|
|
position: relative;
|
|
margin: -5px -15px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.layui-menu-body-title a {
|
|
display: block;
|
|
margin: -5px -15px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.layui-menu-body-title a:hover {
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-menu-body-title > .layui-icon {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 50%;
|
|
margin-top: -6px;
|
|
line-height: normal;
|
|
font-size: 14px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-menu-body-title > .layui-icon:hover {
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-menu-body-title > .layui-icon-right {
|
|
right: 14px;
|
|
}
|
|
|
|
.layui-menu-body-panel {
|
|
display: none;
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 100%;
|
|
z-index: 1000;
|
|
margin-left: 13px;
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.layui-menu-body-panel:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 20px;
|
|
left: -16px;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.layui-menu-body-panel-left {
|
|
left: auto;
|
|
right: 100%;
|
|
margin: 0 13px 0;
|
|
}
|
|
|
|
.layui-menu-body-panel-left:before {
|
|
left: auto;
|
|
right: -16px;
|
|
}
|
|
|
|
.layui-menu-lg li {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.layui-menu-lg li:hover,
|
|
.layui-menu-lg .layui-menu-body-title a:hover {
|
|
background: none;
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-menu-lg li .layui-menu-body-panel {
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.layui-menu-lg li .layui-menu-body-panel-left {
|
|
margin: 0 15px 0;
|
|
}
|
|
|
|
/* 下拉菜单 */
|
|
|
|
.layui-dropdown {
|
|
position: absolute;
|
|
left: -999999px;
|
|
top: -999999px;
|
|
z-index: 77777777;
|
|
margin: 5px 0;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.layui-dropdown:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 6px;
|
|
left: 0;
|
|
top: -6px;
|
|
}
|
|
|
|
.layui-dropdown-shade {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
/* Tabs 标签页 */
|
|
|
|
.layui-tabs {
|
|
position: relative;
|
|
}
|
|
|
|
.layui-tabs.layui-hide-v {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-tabs-header {
|
|
position: relative;
|
|
left: 0;
|
|
height: 40px;
|
|
padding: 0 !important;
|
|
white-space: nowrap;
|
|
font-size: 0;
|
|
transition: all 0.16s;
|
|
}
|
|
|
|
.layui-tabs-header:after,
|
|
.layui-tabs-scroll:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 0;
|
|
width: 100%;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-tabs-header li {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
line-height: 40px;
|
|
margin: 0 !important;
|
|
padding: 0 16px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
transition: all 0.16s;
|
|
}
|
|
|
|
.layui-tabs-header li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.layui-tabs-header li a {
|
|
display: block;
|
|
padding: 0 var(--lay-spacing);
|
|
margin: 0 calc(-1 * var(--lay-spacing));
|
|
color: inherit;
|
|
}
|
|
|
|
.layui-tabs-header li a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.layui-tabs-header li:hover,
|
|
.layui-tabs-header .layui-this {
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-tabs-header .layui-this:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-bottom: 3px solid var(--lay-color-primary);
|
|
box-sizing: border-box;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.layui-tabs-header .layui-badge,
|
|
.layui-tabs-header .layui-badge-dot {
|
|
left: 5px;
|
|
top: -1px;
|
|
}
|
|
|
|
.layui-tabs-scroll {
|
|
position: relative;
|
|
overflow: hidden;
|
|
padding: 0 40px;
|
|
}
|
|
|
|
.layui-tabs-scroll .layui-tabs-header:after {
|
|
display: none;
|
|
content: none;
|
|
border: 0;
|
|
}
|
|
|
|
.layui-tabs-bar .layui-icon {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 3;
|
|
width: 40px;
|
|
height: 100%;
|
|
line-height: 40px;
|
|
border: 1px solid var(--lay-border-color);
|
|
text-align: center;
|
|
cursor: pointer;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
box-shadow: 2px 0 5px 0 rgb(0 0 0 / 6%);
|
|
}
|
|
|
|
.layui-tabs-bar .layui-icon-next {
|
|
left: auto;
|
|
right: 0;
|
|
box-shadow: -2px 0 5px 0 rgb(0 0 0 / 6%);
|
|
}
|
|
|
|
.layui-tabs-header li .layui-tabs-close {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 18px;
|
|
margin-left: 8px;
|
|
top: 0px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #959595;
|
|
border-radius: 50%;
|
|
font-weight: 700;
|
|
transition: all 0.16s;
|
|
}
|
|
|
|
.layui-tabs-header li .layui-tabs-close:hover {
|
|
background-color: var(--lay-color-red);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-tabs-header li[lay-closable='false'] .layui-tabs-close {
|
|
display: none;
|
|
}
|
|
|
|
.layui-tabs-body {
|
|
padding: var(--lay-spacing) 0;
|
|
}
|
|
|
|
.layui-tabs-item {
|
|
display: none;
|
|
}
|
|
|
|
/* tabs 卡片风格 */
|
|
|
|
.layui-tabs-card > .layui-tabs-header .layui-this {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-tabs-card > .layui-tabs-header .layui-this:after {
|
|
border: 1px solid var(--lay-border-color);
|
|
border-bottom-color: #fff;
|
|
border-radius: var(--lay-border-radius) var(--lay-border-radius) 0 0;
|
|
}
|
|
|
|
.layui-tabs-card > .layui-tabs-header li:first-child.layui-this:after {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.layui-tabs-card > .layui-tabs-header li:last-child.layui-this:after {
|
|
margin-right: -1px;
|
|
}
|
|
|
|
.layui-tabs-card.layui-panel > .layui-tabs-header .layui-this:after {
|
|
border-top: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.layui-tabs-card.layui-panel > .layui-tabs-body {
|
|
padding: var(--lay-spacing);
|
|
}
|
|
|
|
/**
|
|
* Tab 选项卡（已被 tabs 平替，仅为兼容保留）
|
|
**/
|
|
|
|
.layui-tab {
|
|
margin: 10px 0;
|
|
text-align: left !important;
|
|
}
|
|
|
|
.layui-tab[overflow] > .layui-tab-title {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-tab .layui-tab-title {
|
|
position: relative;
|
|
left: 0;
|
|
height: 40px;
|
|
white-space: nowrap;
|
|
font-size: 0;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-tab .layui-tab-title:after {
|
|
content: '';
|
|
border-bottom-color: var(--lay-border-color);
|
|
border-bottom-width: 1px;
|
|
border-style: none none solid;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: auto;
|
|
top: auto;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 8;
|
|
}
|
|
|
|
.layui-tab .layui-tab-title li {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-tab .layui-tab-title li {
|
|
position: relative;
|
|
line-height: 40px;
|
|
min-width: 65px;
|
|
margin: 0;
|
|
padding: 0 15px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-tab .layui-tab-title li a {
|
|
display: block;
|
|
padding: 0 15px;
|
|
margin: 0 -15px;
|
|
}
|
|
|
|
.layui-tab-title .layui-this {
|
|
color: #000;
|
|
}
|
|
|
|
.layui-tab-title .layui-this:after {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
content: '';
|
|
width: 100%;
|
|
height: 40px;
|
|
border-width: 1px;
|
|
border-bottom-width: 1px;
|
|
border-style: solid;
|
|
border-bottom-color: #fff;
|
|
border-radius: var(--lay-border-radius) var(--lay-border-radius) 0 0;
|
|
box-sizing: border-box;
|
|
pointer-events: none;
|
|
z-index: 9;
|
|
}
|
|
|
|
.layui-tab-bar {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 10;
|
|
width: 30px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: var(--lay-border-radius);
|
|
text-align: center;
|
|
background-color: #fff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-tab-bar .layui-icon {
|
|
position: relative;
|
|
display: inline-block;
|
|
top: 3px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-tab-item {
|
|
display: none;
|
|
}
|
|
|
|
.layui-tab-more {
|
|
padding-right: 30px;
|
|
height: auto !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.layui-tab-more li.layui-this:after {
|
|
border-bottom-color: var(--lay-border-color);
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-tab-more .layui-tab-bar .layui-icon {
|
|
top: -2px;
|
|
top: 3px\0;
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
:root .layui-tab-more .layui-tab-bar .layui-icon {
|
|
top: -2px\0 / IE9;
|
|
}
|
|
|
|
.layui-tab-content {
|
|
padding: 15px 0;
|
|
}
|
|
|
|
/* Tab 关闭 */
|
|
|
|
.layui-tab-title li .layui-tab-close {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 20px;
|
|
margin-left: 8px;
|
|
top: 1px;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
color: #c2c2c2;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-tab-title li .layui-tab-close:hover {
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: var(--lay-color-red);
|
|
color: #fff;
|
|
}
|
|
|
|
/* Tab 简洁风格 */
|
|
|
|
.layui-tab-brief > .layui-tab-title .layui-this {
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-tab-brief > .layui-tab-title .layui-this:after,
|
|
.layui-tab-brief > .layui-tab-more li.layui-this:after {
|
|
border: none;
|
|
border-radius: 0;
|
|
border-bottom: 2px solid var(--lay-color-accent);
|
|
}
|
|
|
|
/* Tab 卡片风格 */
|
|
|
|
.layui-tab-card {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-title {
|
|
background-color: var(--lay-color-gray);
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-title li {
|
|
margin-right: -1px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-title .layui-this {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-title .layui-this:after {
|
|
border-top: none;
|
|
border-width: 1px;
|
|
border-bottom-color: #fff;
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-title .layui-tab-bar {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border-radius: 0;
|
|
border-top: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-more .layui-this {
|
|
background: none;
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-tab-card > .layui-tab-more .layui-this:after {
|
|
border: none;
|
|
}
|
|
|
|
/** 导航菜单 **/
|
|
|
|
.layui-nav {
|
|
position: relative;
|
|
padding: 0 15px;
|
|
background-color: var(--lay-color-black);
|
|
color: #fff;
|
|
border-radius: var(--lay-border-radius);
|
|
font-size: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-nav * {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-nav .layui-nav-item {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin-top: 0;
|
|
list-style: none;
|
|
vertical-align: middle;
|
|
line-height: 60px;
|
|
}
|
|
|
|
.layui-nav .layui-nav-item a {
|
|
display: block;
|
|
padding: 0 20px;
|
|
color: #fff;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-nav-bar,
|
|
.layui-nav .layui-this:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 0;
|
|
height: 3px;
|
|
background-color: var(--lay-color-accent);
|
|
transition: all 0.2s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.layui-nav-bar {
|
|
z-index: 1000;
|
|
}
|
|
|
|
.layui-nav[lay-bar='disabled'] .layui-nav-bar {
|
|
display: none;
|
|
}
|
|
|
|
.layui-nav .layui-this a,
|
|
.layui-nav .layui-nav-item a:hover {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.layui-nav .layui-this:after {
|
|
top: auto;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-nav-img {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-right: 10px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.layui-nav .layui-nav-more {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 3px;
|
|
left: auto !important;
|
|
margin-top: 0;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.layui-nav .layui-nav-mored,
|
|
.layui-nav-itemed > a .layui-nav-more {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.layui-nav-child {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 65px;
|
|
min-width: 100%;
|
|
line-height: 36px;
|
|
padding: 5px 0;
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
border: 1px solid var(--lay-border-color);
|
|
background-color: #fff;
|
|
z-index: 100;
|
|
border-radius: var(--lay-border-radius);
|
|
white-space: nowrap;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-nav .layui-nav-child a {
|
|
color: #5f5f5f;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.layui-nav .layui-nav-child a:hover {
|
|
background-color: #f8f8f8;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.layui-nav-child dd {
|
|
margin: 1px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-nav-child dd.layui-this {
|
|
background-color: #f8f8f8;
|
|
color: #000;
|
|
}
|
|
|
|
.layui-nav-child dd.layui-this:after {
|
|
display: none;
|
|
}
|
|
|
|
.layui-nav-child-r {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.layui-nav-child-c {
|
|
text-align: center;
|
|
}
|
|
|
|
/* 垂直导航菜单 */
|
|
|
|
.layui-nav.layui-nav-tree {
|
|
width: 200px;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item {
|
|
display: block;
|
|
width: 100%;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item a {
|
|
position: relative;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item > a {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-more {
|
|
right: 15px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-item > a .layui-nav-more {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-bar {
|
|
width: 5px;
|
|
height: 0;
|
|
}
|
|
|
|
.layui-side .layui-nav-tree .layui-nav-bar {
|
|
width: 2px;
|
|
}
|
|
|
|
.layui-nav-tree .layui-this,
|
|
.layui-nav-tree .layui-this > a,
|
|
.layui-nav-tree .layui-this > a:hover,
|
|
.layui-nav-tree .layui-nav-child dd.layui-this,
|
|
.layui-nav-tree .layui-nav-child dd.layui-this a {
|
|
background-color: var(--lay-color-primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-nav-tree .layui-this:after {
|
|
display: none;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-title a,
|
|
.layui-nav-tree .layui-nav-title a:hover,
|
|
.layui-nav-itemed > a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-bar {
|
|
background-color: var(--lay-color-primary);
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child {
|
|
position: relative;
|
|
z-index: 0;
|
|
top: 0;
|
|
border: none;
|
|
background: none;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
box-shadow: none;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child dd {
|
|
margin: 0;
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child a {
|
|
color: #fff;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.layui-nav-tree .layui-nav-child a:hover {
|
|
background: none;
|
|
color: #fff;
|
|
}
|
|
|
|
/* 垂直导航 - 展开状态 */
|
|
|
|
.layui-nav-itemed > .layui-nav-child,
|
|
.layui-nav-itemed > .layui-nav-child > .layui-this > .layui-nav-child {
|
|
display: block;
|
|
}
|
|
|
|
/* 垂直导航 - 侧边 */
|
|
|
|
.layui-nav-side {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
z-index: 999;
|
|
}
|
|
|
|
/* 导航浅色背景 */
|
|
|
|
.layui-nav.layui-bg-gray .layui-nav-item a,
|
|
.layui-nav-tree.layui-bg-gray a {
|
|
color: #373737;
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.layui-nav-tree.layui-bg-gray .layui-nav-itemed > a {
|
|
color: #000 !important;
|
|
}
|
|
|
|
.layui-nav.layui-bg-gray .layui-this a {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-nav-tree.layui-bg-gray .layui-nav-child {
|
|
padding-left: 11px;
|
|
background: none;
|
|
}
|
|
|
|
.layui-nav-tree.layui-bg-gray .layui-this,
|
|
.layui-nav-tree.layui-bg-gray .layui-this > a,
|
|
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,
|
|
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a {
|
|
background: none !important;
|
|
color: var(--lay-color-accent) !important;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.layui-nav-tree.layui-bg-gray .layui-nav-bar {
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
/** 面包屑 **/
|
|
|
|
.layui-breadcrumb {
|
|
visibility: hidden;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-breadcrumb > * {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-breadcrumb a {
|
|
color: #999 !important;
|
|
}
|
|
|
|
.layui-breadcrumb a:hover {
|
|
color: var(--lay-color-accent) !important;
|
|
}
|
|
|
|
.layui-breadcrumb a cite {
|
|
color: #5f5f5f;
|
|
font-style: normal;
|
|
}
|
|
|
|
.layui-breadcrumb span[lay-separator] {
|
|
margin: 0 10px;
|
|
color: #999;
|
|
}
|
|
|
|
/* 时间线 */
|
|
|
|
.layui-timeline {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.layui-timeline-item {
|
|
position: relative;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.layui-timeline-axis {
|
|
position: absolute;
|
|
left: -5px;
|
|
top: 0;
|
|
z-index: 10;
|
|
width: 20px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
background-color: #fff;
|
|
color: var(--lay-color-accent);
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-timeline-axis:hover {
|
|
color: var(--lay-color-red);
|
|
}
|
|
|
|
.layui-timeline-item:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 0;
|
|
z-index: 0;
|
|
width: 1px;
|
|
height: 100%;
|
|
}
|
|
|
|
.layui-timeline-item:first-child:before {
|
|
display: block;
|
|
}
|
|
|
|
.layui-timeline-item:last-child:before {
|
|
display: none;
|
|
}
|
|
|
|
.layui-timeline-content {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.layui-timeline-title {
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
/* 小徽章 */
|
|
|
|
.layui-badge,
|
|
.layui-badge-dot,
|
|
.layui-badge-rim {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 0 6px;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
background-color: var(--lay-color-red);
|
|
color: #fff;
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-badge {
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.layui-badge-dot {
|
|
width: 8px;
|
|
height: 8px;
|
|
padding: 0;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.layui-badge-rim {
|
|
height: 18px;
|
|
line-height: 18px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background-color: #fff;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-btn .layui-badge,
|
|
.layui-btn .layui-badge-dot {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.layui-nav .layui-badge,
|
|
.layui-nav .layui-badge-dot {
|
|
position: absolute;
|
|
top: 50%;
|
|
margin: -5px 6px 0;
|
|
}
|
|
|
|
.layui-nav .layui-badge {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.layui-tab-title .layui-badge,
|
|
.layui-tab-title .layui-badge-dot {
|
|
left: 5px;
|
|
top: -2px;
|
|
}
|
|
|
|
/* carousel 轮播 */
|
|
|
|
.layui-carousel {
|
|
position: relative;
|
|
left: 0;
|
|
top: 0;
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item]:before {
|
|
position: absolute;
|
|
content: '\e63d';
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 100px;
|
|
line-height: 20px;
|
|
margin: -10px 0 0 -50px;
|
|
text-align: center;
|
|
color: #c2c2c2;
|
|
font-family: 'layui-icon' !important;
|
|
font-size: 30px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > * {
|
|
display: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #f8f8f8;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
.layui-carousel-updown > * {
|
|
transition: 0.3s ease-in-out up;
|
|
}
|
|
|
|
.layui-carousel-arrow {
|
|
display: none\0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
left: 10px;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
border: none 0;
|
|
border-radius: 50%;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
color: #fff;
|
|
transition-duration: 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-carousel-arrow[lay-type='add'] {
|
|
left: auto !important;
|
|
right: 10px;
|
|
}
|
|
|
|
.layui-carousel[lay-arrow='always'] .layui-carousel-arrow {
|
|
opacity: 1;
|
|
left: 20px;
|
|
}
|
|
|
|
.layui-carousel[lay-arrow='always'] .layui-carousel-arrow[lay-type='add'] {
|
|
right: 20px;
|
|
}
|
|
|
|
.layui-carousel[lay-arrow='none'] .layui-carousel-arrow {
|
|
display: none;
|
|
}
|
|
|
|
.layui-carousel-arrow:hover,
|
|
.layui-carousel-ind ul:hover {
|
|
background-color: rgba(0, 0, 0, 0.35);
|
|
}
|
|
|
|
.layui-carousel:hover .layui-carousel-arrow {
|
|
display: block\0;
|
|
opacity: 1;
|
|
left: 20px;
|
|
}
|
|
|
|
.layui-carousel:hover .layui-carousel-arrow[lay-type='add'] {
|
|
right: 20px;
|
|
}
|
|
|
|
.layui-carousel-ind {
|
|
position: relative;
|
|
top: -35px;
|
|
width: 100%;
|
|
line-height: 0 !important;
|
|
text-align: center;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-carousel[lay-indicator='outside'] {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.layui-carousel[lay-indicator='outside'] .layui-carousel-ind {
|
|
top: 10px;
|
|
}
|
|
|
|
.layui-carousel[lay-indicator='outside'] .layui-carousel-ind ul {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.layui-carousel[lay-indicator='none'] .layui-carousel-ind {
|
|
display: none;
|
|
}
|
|
|
|
.layui-carousel-ind ul {
|
|
display: inline-block;
|
|
padding: 5px;
|
|
background-color: rgba(0, 0, 0, 0.2);
|
|
border-radius: 10px;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
.layui-carousel-ind ul li {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 0 3px;
|
|
font-size: 14px;
|
|
background-color: var(--lay-gray-300);
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
.layui-carousel-ind ul li:hover {
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.layui-carousel-ind ul li.layui-this {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-this,
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-prev,
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-next {
|
|
display: block;
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-this {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-prev {
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-next {
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-prev.layui-carousel-right,
|
|
.layui-carousel > *[carousel-item] > .layui-carousel-next.layui-carousel-left {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-this.layui-carousel-left {
|
|
transform: translateX(-100%);
|
|
}
|
|
|
|
.layui-carousel > *[carousel-item] > .layui-this.layui-carousel-right {
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
/* 上下切换 */
|
|
|
|
.layui-carousel[lay-anim='updown'] .layui-carousel-arrow {
|
|
left: 50% !important;
|
|
top: 20px;
|
|
margin: 0 0 0 -18px;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] .layui-carousel-arrow[lay-type='add'] {
|
|
top: auto !important;
|
|
bottom: 20px;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] .layui-carousel-ind {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 20px;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] .layui-carousel-ind ul {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] .layui-carousel-ind li {
|
|
display: block;
|
|
margin: 6px 0;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] > *[carousel-item] > * {
|
|
left: 0 !important;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] > *[carousel-item] > .layui-this {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] > *[carousel-item] > .layui-carousel-prev {
|
|
transform: translateY(-100%);
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown'] > *[carousel-item] > .layui-carousel-next {
|
|
transform: translateY(100%);
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown']
|
|
> *[carousel-item]
|
|
> .layui-carousel-prev.layui-carousel-right,
|
|
.layui-carousel[lay-anim='updown']
|
|
> *[carousel-item]
|
|
> .layui-carousel-next.layui-carousel-left {
|
|
transform: translateY(0);
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown']
|
|
> *[carousel-item]
|
|
> .layui-this.layui-carousel-left {
|
|
transform: translateY(-100%);
|
|
}
|
|
|
|
.layui-carousel[lay-anim='updown']
|
|
> *[carousel-item]
|
|
> .layui-this.layui-carousel-right {
|
|
transform: translateY(100%);
|
|
}
|
|
|
|
/* 渐显切换 */
|
|
|
|
.layui-carousel[lay-anim='fade'] > *[carousel-item] > * {
|
|
transform: translateX(0) !important;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='fade'] > *[carousel-item] > .layui-carousel-prev,
|
|
.layui-carousel[lay-anim='fade'] > *[carousel-item] > .layui-carousel-next {
|
|
opacity: 0;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='fade']
|
|
> *[carousel-item]
|
|
> .layui-carousel-prev.layui-carousel-right,
|
|
.layui-carousel[lay-anim='fade']
|
|
> *[carousel-item]
|
|
> .layui-carousel-next.layui-carousel-left {
|
|
opacity: 1;
|
|
}
|
|
|
|
.layui-carousel[lay-anim='fade']
|
|
> *[carousel-item]
|
|
> .layui-this.layui-carousel-left,
|
|
.layui-carousel[lay-anim='fade']
|
|
> *[carousel-item]
|
|
> .layui-this.layui-carousel-right {
|
|
opacity: 0;
|
|
}
|
|
|
|
/** fixbar **/
|
|
|
|
.layui-fixbar {
|
|
position: fixed;
|
|
right: 16px;
|
|
bottom: 16px;
|
|
z-index: 999999;
|
|
}
|
|
|
|
.layui-fixbar li {
|
|
width: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
margin-bottom: 1px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
font-size: 30px;
|
|
background-color: #9f9f9f;
|
|
color: #fff;
|
|
border-radius: var(--lay-border-radius);
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.layui-fixbar li:hover {
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.layui-fixbar li:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.layui-fixbar .layui-fixbar-top {
|
|
display: none;
|
|
font-size: 40px;
|
|
}
|
|
|
|
/** 穿梭框 **/
|
|
|
|
.layui-transfer-box,
|
|
.layui-transfer-header,
|
|
.layui-transfer-search {
|
|
border-width: 0;
|
|
border-style: solid;
|
|
border-color: var(--lay-border-color);
|
|
}
|
|
|
|
.layui-transfer-box {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
border-width: 1px;
|
|
width: 200px;
|
|
height: 360px;
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-transfer-box .layui-form-checkbox {
|
|
width: 100%;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.layui-transfer-header {
|
|
height: 38px;
|
|
line-height: 38px;
|
|
padding: 0 11px;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.layui-transfer-search {
|
|
position: relative;
|
|
padding: 11px;
|
|
border-bottom-width: 1px;
|
|
}
|
|
|
|
.layui-transfer-search .layui-input {
|
|
height: 32px;
|
|
padding-left: 30px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-transfer-search .layui-icon-search {
|
|
position: absolute;
|
|
left: 20px;
|
|
top: 50%;
|
|
line-height: normal;
|
|
margin-top: -8px;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-transfer-active {
|
|
margin: 0 15px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-transfer-active .layui-btn {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0 15px;
|
|
background-color: var(--lay-color-accent);
|
|
border-color: var(--lay-color-accent);
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-transfer-active .layui-btn-disabled {
|
|
background-color: #fbfbfb;
|
|
border-color: var(--lay-border-color);
|
|
color: var(--lay-gray-400);
|
|
}
|
|
|
|
.layui-transfer-active .layui-btn:first-child {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.layui-transfer-active .layui-btn .layui-icon {
|
|
margin: 0;
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.layui-transfer-data {
|
|
padding: 5px 0;
|
|
overflow: auto;
|
|
}
|
|
|
|
.layui-transfer-data li {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
margin-top: 0 !important;
|
|
padding: 0 11px;
|
|
list-style-type: none !important;
|
|
}
|
|
|
|
.layui-transfer-data li:hover {
|
|
background-color: #f8f8f8;
|
|
transition: 0.5s all;
|
|
}
|
|
|
|
.layui-transfer-data .layui-none {
|
|
padding: 15px 11px;
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
/** 评分组件 **/
|
|
|
|
.layui-rate,
|
|
.layui-rate * {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-rate {
|
|
padding: 11px 6px 11px 0;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-rate li {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.layui-rate li i.layui-icon {
|
|
font-size: 20px;
|
|
color: var(--lay-color-orange);
|
|
}
|
|
|
|
.layui-rate li i.layui-icon {
|
|
margin-right: 5px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-rate li i:hover,
|
|
.layui-rate-hover {
|
|
cursor: pointer;
|
|
transform: scale(1.12);
|
|
}
|
|
|
|
.layui-rate[readonly] li i:hover {
|
|
cursor: default;
|
|
transform: scale(1);
|
|
}
|
|
|
|
/** 颜色选择器 **/
|
|
|
|
.layui-colorpicker {
|
|
width: 38px;
|
|
height: 38px;
|
|
border: 1px solid var(--lay-border-color);
|
|
padding: 5px;
|
|
border-radius: var(--lay-border-radius);
|
|
line-height: 24px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-colorpicker:hover {
|
|
border-color: var(--lay-gray-400);
|
|
}
|
|
|
|
.layui-colorpicker.layui-colorpicker-lg {
|
|
width: 44px;
|
|
height: 44px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.layui-colorpicker.layui-colorpicker-sm {
|
|
width: 30px;
|
|
height: 30px;
|
|
line-height: 20px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.layui-colorpicker.layui-colorpicker-xs {
|
|
width: 22px;
|
|
height: 22px;
|
|
line-height: 16px;
|
|
padding: 1px;
|
|
}
|
|
|
|
.layui-colorpicker-trigger-bgcolor {
|
|
display: block;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-colorpicker-trigger-span {
|
|
display: block;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
border-radius: var(--lay-border-radius);
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-colorpicker-trigger-i {
|
|
display: inline-block;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-colorpicker-trigger-i.layui-icon-close {
|
|
color: #999;
|
|
}
|
|
|
|
.layui-colorpicker-main {
|
|
position: absolute;
|
|
left: -999999px;
|
|
top: -999999px;
|
|
z-index: 77777777;
|
|
width: 280px;
|
|
margin: 5px 0;
|
|
padding: 7px;
|
|
background: #fff;
|
|
border: 1px solid var(--lay-border-color);
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
}
|
|
|
|
.layui-colorpicker-main-wrapper {
|
|
height: 180px;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-colorpicker-basis {
|
|
width: 260px;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-colorpicker-basis-white {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
|
|
}
|
|
|
|
.layui-colorpicker-basis-black {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: linear-gradient(0deg, #000, transparent);
|
|
}
|
|
|
|
.layui-colorpicker-basis-cursor {
|
|
width: 10px;
|
|
height: 10px;
|
|
border: 1px solid #fff;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
top: 0%;
|
|
right: 100%;
|
|
cursor: pointer;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.layui-colorpicker-side {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 12px;
|
|
height: 100%;
|
|
background: linear-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
|
|
}
|
|
|
|
.layui-colorpicker-side-slider {
|
|
width: 100%;
|
|
height: 5px;
|
|
box-shadow: 0 0 1px #888888;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
border-radius: 1px;
|
|
border: 1px solid #f0f0f0;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
left: 0;
|
|
}
|
|
|
|
.layui-colorpicker-main-alpha {
|
|
display: none;
|
|
height: 12px;
|
|
margin-top: 7px;
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
|
|
.layui-colorpicker-alpha-bgcolor {
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-colorpicker-alpha-slider {
|
|
width: 5px;
|
|
height: 100%;
|
|
box-shadow: 0 0 1px #888888;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
border-radius: 1px;
|
|
border: 1px solid #f0f0f0;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
.layui-colorpicker-main-pre {
|
|
padding-top: 7px;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-colorpicker-pre {
|
|
width: 20px;
|
|
height: 20px;
|
|
border-radius: var(--lay-border-radius);
|
|
display: inline-block;
|
|
margin-left: 6px;
|
|
margin-bottom: 7px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-colorpicker-pre:nth-child(11n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.layui-colorpicker-pre-isalpha {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
|
|
}
|
|
|
|
.layui-colorpicker-pre.layui-this {
|
|
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.layui-colorpicker-pre > div {
|
|
height: 100%;
|
|
border-radius: var(--lay-border-radius);
|
|
}
|
|
|
|
.layui-colorpicker-main-input {
|
|
text-align: right;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.layui-colorpicker-main-input .layui-btn-container .layui-btn {
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
.layui-colorpicker-main-input div.layui-inline {
|
|
float: left;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-colorpicker-main-input input.layui-input {
|
|
width: 168px;
|
|
height: 30px;
|
|
color: #5f5f5f;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
/** 滑块 **/
|
|
|
|
.layui-slider {
|
|
height: 4px;
|
|
background: var(--lay-gray-300);
|
|
border-radius: var(--lay-border-radius);
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-slider-bar {
|
|
border-radius: var(--lay-border-radius);
|
|
position: absolute;
|
|
height: 100%;
|
|
}
|
|
|
|
.layui-slider-step {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 4px;
|
|
height: 4px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.layui-slider-wrap {
|
|
width: 36px;
|
|
height: 36px;
|
|
position: absolute;
|
|
top: -16px;
|
|
transform: translateX(-50%);
|
|
z-index: 10;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-slider-wrap-btn {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.layui-slider-wrap:after {
|
|
content: '';
|
|
height: 100%;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-slider-wrap-btn:hover,
|
|
.layui-slider-wrap-btn.layui-slider-hover {
|
|
transform: scale(1.2);
|
|
}
|
|
|
|
.layui-slider-wrap-btn.layui-disabled:hover {
|
|
transform: scale(1) !important;
|
|
}
|
|
|
|
.layui-slider-tips {
|
|
position: absolute;
|
|
top: -42px;
|
|
z-index: 77777777;
|
|
white-space: nowrap;
|
|
transform: translateX(-50%);
|
|
color: #fff;
|
|
background: #000;
|
|
border-radius: var(--lay-border-radius);
|
|
height: 25px;
|
|
line-height: 25px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.layui-slider-tips:after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -11px;
|
|
left: 50%;
|
|
margin-left: -6px;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 6px;
|
|
border-style: solid;
|
|
border-color: #000 transparent transparent transparent;
|
|
}
|
|
|
|
.layui-slider-input {
|
|
width: 70px;
|
|
height: 32px;
|
|
border: 1px solid var(--lay-border-color);
|
|
border-radius: var(--lay-border-radius);
|
|
font-size: 16px;
|
|
line-height: 32px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: -14px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-slider-input-btn {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 20px;
|
|
height: 100%;
|
|
border-left: 1px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-slider-input-btn i {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 20px;
|
|
height: 50%;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
.layui-slider-input-btn i:first-child {
|
|
top: 0;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
}
|
|
|
|
.layui-slider-input-txt {
|
|
height: 100%;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.layui-slider-input-txt input {
|
|
height: 100%;
|
|
border: none;
|
|
padding-right: 21px;
|
|
}
|
|
|
|
.layui-slider-input-btn i:hover {
|
|
color: var(--lay-color-primary);
|
|
}
|
|
|
|
/*垂直滑块*/
|
|
|
|
.layui-slider-vertical {
|
|
width: 4px;
|
|
margin-left: 33px;
|
|
}
|
|
|
|
.layui-slider-vertical .layui-slider-bar {
|
|
width: 4px;
|
|
}
|
|
|
|
.layui-slider-vertical .layui-slider-step {
|
|
top: auto;
|
|
left: 0px;
|
|
transform: translateY(50%);
|
|
}
|
|
|
|
.layui-slider-vertical .layui-slider-wrap {
|
|
top: auto;
|
|
left: -16px;
|
|
transform: translateY(50%);
|
|
}
|
|
|
|
.layui-slider-vertical .layui-slider-tips {
|
|
top: auto;
|
|
left: 2px;
|
|
}
|
|
|
|
@media \0screen {
|
|
.layui-slider-wrap-btn {
|
|
margin-left: -20px;
|
|
}
|
|
.layui-slider-vertical .layui-slider-wrap-btn {
|
|
margin-left: 0;
|
|
margin-bottom: -20px;
|
|
}
|
|
.layui-slider-vertical .layui-slider-tips {
|
|
margin-left: -8px;
|
|
}
|
|
.layui-slider > span {
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
|
|
/** 树组件 **/
|
|
|
|
.layui-tree {
|
|
line-height: 22px;
|
|
}
|
|
|
|
.layui-tree .layui-form-checkbox {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.layui-tree-set {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-tree-pack {
|
|
display: none;
|
|
padding-left: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-pack {
|
|
padding-left: 27px;
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-set .layui-tree-set:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 14px;
|
|
left: -9px;
|
|
width: 17px;
|
|
height: 0;
|
|
border-top: 1px dotted #c0c4cc;
|
|
}
|
|
|
|
.layui-tree-entry {
|
|
position: relative;
|
|
padding: 3px 0;
|
|
height: 26px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.layui-tree-entry:hover {
|
|
background-color: var(--lay-gray-300);
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-entry:hover {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
|
|
color: #999;
|
|
text-decoration: underline;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.layui-tree-main {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-set:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: -9px;
|
|
width: 0;
|
|
height: 100%;
|
|
border-left: 1px dotted #c0c4cc;
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
|
|
height: 13px;
|
|
}
|
|
|
|
.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
|
|
height: 0;
|
|
}
|
|
|
|
.layui-tree-iconClick {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
margin: 0 10px;
|
|
color: #c0c4cc;
|
|
}
|
|
|
|
.layui-tree-icon {
|
|
height: 14px;
|
|
line-height: 10px;
|
|
width: 14px;
|
|
margin: 0 11px;
|
|
text-align: center;
|
|
border: 1px solid #c0c4cc;
|
|
}
|
|
|
|
.layui-tree-icon .layui-icon {
|
|
font-size: 12px;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-tree-iconArrow {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.layui-tree-iconArrow:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 4px;
|
|
top: 3px;
|
|
z-index: 100;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 5px;
|
|
border-style: solid;
|
|
border-color: transparent transparent transparent #c0c4cc;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
.layui-tree-spread
|
|
> .layui-tree-entry
|
|
.layui-tree-iconClick
|
|
> .layui-tree-iconArrow:after {
|
|
transform: rotate(90deg) translate(3px, 4px);
|
|
}
|
|
|
|
.layui-tree-txt {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
color: #555;
|
|
}
|
|
|
|
.layui-tree-search {
|
|
margin-bottom: 15px;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
.layui-tree-btnGroup {
|
|
visibility: hidden;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
}
|
|
|
|
.layui-tree-btnGroup .layui-icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
padding: 0 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-tree-btnGroup .layui-icon:hover {
|
|
color: #999;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.layui-tree-entry:hover .layui-tree-btnGroup {
|
|
visibility: visible;
|
|
}
|
|
|
|
.layui-tree-editInput {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0;
|
|
border: none;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.layui-tree-emptyText {
|
|
text-align: center;
|
|
color: #999;
|
|
}
|
|
|
|
/** 动画 **/
|
|
|
|
.layui-anim {
|
|
-webkit-animation-duration: 0.3s;
|
|
-webkit-animation-fill-mode: both;
|
|
animation-duration: 0.3s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.layui-anim.layui-icon {
|
|
display: inline-block;
|
|
}
|
|
|
|
.layui-anim-loop {
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.layui-trans,
|
|
.layui-trans a {
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
/* 过渡变换 */
|
|
|
|
/* 循环旋转 */
|
|
|
|
@keyframes layui-rotate {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.layui-anim-rotate {
|
|
animation-name: layui-rotate;
|
|
animation-duration: 1s;
|
|
animation-timing-function: linear;
|
|
}
|
|
|
|
/* 从最底部往上滑入 */
|
|
|
|
@keyframes layui-up {
|
|
from {
|
|
transform: translate3d(0, 100%, 0);
|
|
opacity: 0.3;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.layui-anim-up {
|
|
animation-name: layui-up;
|
|
}
|
|
|
|
/* 微微往上滑入 */
|
|
|
|
@keyframes layui-upbit {
|
|
from {
|
|
transform: translate3d(0, 15px, 0);
|
|
opacity: 0.3;
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.layui-anim-upbit {
|
|
animation-name: layui-upbit;
|
|
}
|
|
|
|
/* 从最顶部往下滑入 */
|
|
|
|
@keyframes layui-down {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.layui-anim-down {
|
|
animation-name: layui-down;
|
|
}
|
|
|
|
/* 微微往下滑入 */
|
|
|
|
@keyframes layui-downbit {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.layui-anim-downbit {
|
|
animation-name: layui-downbit;
|
|
}
|
|
|
|
/* 放大 */
|
|
|
|
@keyframes layui-scale {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: scale(0.5);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layui-anim-scale {
|
|
animation-name: layui-scale;
|
|
}
|
|
|
|
/* 弹簧式放大 */
|
|
|
|
@keyframes layui-scale-spring {
|
|
0% {
|
|
opacity: 0.5;
|
|
transform: scale(0.5);
|
|
}
|
|
80% {
|
|
opacity: 0.8;
|
|
transform: scale(1.1);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layui-anim-scaleSpring {
|
|
animation-name: layui-scale-spring;
|
|
}
|
|
|
|
/* 放小 */
|
|
|
|
@keyframes layui-scalesmall {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: scale(1.5);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layui-anim-scalesmall {
|
|
animation-name: layui-scalesmall;
|
|
}
|
|
|
|
/* 弹簧式放小 */
|
|
|
|
@keyframes layui-scalesmall-spring {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: scale(1.5);
|
|
}
|
|
80% {
|
|
opacity: 0.8;
|
|
transform: scale(0.9);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layui-anim-scalesmall-spring {
|
|
animation-name: layui-scalesmall-spring;
|
|
}
|
|
|
|
/* 渐显 */
|
|
|
|
@keyframes layui-fadein {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.layui-anim-fadein {
|
|
animation-name: layui-fadein;
|
|
}
|
|
|
|
/* 渐隐 */
|
|
|
|
@keyframes layui-fadeout {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.layui-anim-fadeout {
|
|
animation-name: layui-fadeout;
|
|
}
|
|
|
|
/**
|
|
* code
|
|
*/
|
|
|
|
/** 代码文本修饰 **/
|
|
|
|
.layui-code {
|
|
display: block;
|
|
position: relative;
|
|
padding: 15px;
|
|
line-height: 20px;
|
|
border: 1px solid var(--lay-border-color);
|
|
border-left-width: 6px;
|
|
background-color: #fff;
|
|
color: #333;
|
|
font-family: var(--lay-font-monospace);
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* 字体 */
|
|
|
|
.layui-code-wrap {
|
|
font-size: 13px;
|
|
font-family: var(--lay-font-monospace);
|
|
}
|
|
|
|
/* 基础结构 */
|
|
|
|
.layui-code-view {
|
|
display: block;
|
|
position: relative;
|
|
padding: 0 !important;
|
|
border: 1px solid var(--lay-border-color);
|
|
border-left-width: 6px;
|
|
background-color: #fff;
|
|
color: #333;
|
|
}
|
|
|
|
.layui-code-view pre {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.layui-code-header {
|
|
position: relative;
|
|
z-index: 3;
|
|
padding: 0 11px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
border-bottom: 1px solid var(--lay-border-color);
|
|
background-color: var(--lay-color-gray);
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-code-header > .layui-code-header-about {
|
|
position: absolute;
|
|
right: 11px;
|
|
top: 0;
|
|
color: #b7b7b7;
|
|
}
|
|
|
|
.layui-code-header-about > a {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.layui-code-wrap {
|
|
position: relative;
|
|
display: block;
|
|
z-index: 1;
|
|
margin: 0 !important;
|
|
padding: 11px 0 !important;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.layui-code-line {
|
|
position: relative;
|
|
line-height: 19px;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.layui-code-line-number {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
min-width: 45px;
|
|
height: 100%;
|
|
text-align: right;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-code-line-content {
|
|
padding: 0 11px;
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.layui-code-ln-mode > .layui-code-wrap > .layui-code-line {
|
|
padding-left: 45px;
|
|
}
|
|
|
|
.layui-code-ln-side {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 0;
|
|
width: 45px;
|
|
border-right: 1px solid var(--lay-border-color);
|
|
border-color: rgb(126 122 122 / 15%);
|
|
background-color: var(--lay-color-gray);
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* 不自动换行 */
|
|
|
|
.layui-code-nowrap > .layui-code-wrap {
|
|
overflow: auto;
|
|
}
|
|
|
|
.layui-code-nowrap
|
|
> .layui-code-wrap
|
|
> .layui-code-line
|
|
> .layui-code-line-content {
|
|
white-space: pre;
|
|
word-wrap: normal;
|
|
}
|
|
|
|
.layui-code-nowrap > .layui-code-ln-side {
|
|
border-right-width: 0 !important;
|
|
background: none !important;
|
|
}
|
|
|
|
.layui-code-fixbar {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 11px;
|
|
padding-right: 45px;
|
|
z-index: 5;
|
|
}
|
|
|
|
.layui-code-fixbar > span {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
padding: 0 8px;
|
|
color: #777;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-code-fixbar > span:hover {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-code-copy {
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-code-preview > .layui-code-view > .layui-code-fixbar .layui-code-copy {
|
|
display: none !important;
|
|
}
|
|
|
|
.layui-code-view:hover > .layui-code-fixbar .layui-code-copy {
|
|
display: block;
|
|
}
|
|
|
|
.layui-code-view:hover > .layui-code-fixbar .layui-code-lang-marker {
|
|
display: none;
|
|
}
|
|
|
|
/* 深色主题 */
|
|
|
|
.layui-code-theme-dark,
|
|
.layui-code-theme-dark > .layui-code-header {
|
|
border-color: rgb(126 122 122 / 15%);
|
|
background-color: #1f1f1f;
|
|
}
|
|
|
|
.layui-code-theme-dark {
|
|
border-width: 1px;
|
|
color: #ccc;
|
|
}
|
|
|
|
.layui-code-theme-dark > .layui-code-ln-side {
|
|
border-right-color: #2a2a2a;
|
|
background: none;
|
|
color: #6e7681;
|
|
}
|
|
|
|
/* 代码预览 */
|
|
|
|
.layui-code textarea {
|
|
display: none;
|
|
}
|
|
|
|
.layui-code-preview > .layui-code,
|
|
.layui-code-preview > .layui-code-view {
|
|
margin: 0;
|
|
}
|
|
|
|
.layui-code-preview > .layui-tab {
|
|
position: relative;
|
|
z-index: 1;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.layui-code-preview .layui-code-item {
|
|
display: none;
|
|
border-top-width: 0;
|
|
}
|
|
|
|
.layui-code-item-preview {
|
|
position: relative;
|
|
padding: var(--lay-spacing);
|
|
}
|
|
|
|
.layui-code-item-preview > iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
}
|
|
|
|
/* 工具栏 */
|
|
|
|
.layui-code-tools {
|
|
position: absolute;
|
|
right: 11px;
|
|
top: 8px;
|
|
line-height: normal;
|
|
}
|
|
|
|
.layui-code-tools > i {
|
|
display: inline-block;
|
|
margin-left: 6px;
|
|
padding: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-code-tools > i.layui-icon-file-b {
|
|
color: #999;
|
|
}
|
|
|
|
.layui-code-tools > i:hover {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
/* 全屏风格 */
|
|
|
|
.layui-code-full {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 1111111;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-code-full .layui-code-item {
|
|
width: 100% !important;
|
|
border-width: 0 !important;
|
|
}
|
|
|
|
.layui-code-full .layui-code-item,
|
|
.layui-code-full .layui-code-view,
|
|
.layui-code-full .layui-code-wrap {
|
|
height: calc(100vh - 51px) !important;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-code-full .layui-code-item-preview {
|
|
overflow: auto;
|
|
}
|
|
|
|
/* 代码高亮重置 */
|
|
|
|
.layui-code-view.layui-code-hl {
|
|
line-height: 20px !important;
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
.layui-code-view.layui-code-hl > .layui-code-ln-side {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.layui-code-theme-dark.layui-code-hl,
|
|
.layui-code-theme-dark.layui-code-hl > .layui-code-ln-side {
|
|
border-color: rgb(126 122 122 / 15%);
|
|
}
|
|
|
|
/*行高亮*/
|
|
|
|
.layui-code-line-highlighted {
|
|
background-color: rgba(142, 150, 170, 0.14);
|
|
}
|
|
|
|
.layui-code-line-diff-add {
|
|
background-color: rgba(16, 185, 129, 0.14);
|
|
}
|
|
|
|
.layui-code-line-diff-remove {
|
|
background-color: rgba(244, 63, 94, 0.14);
|
|
}
|
|
|
|
.layui-code-line-diff-add:before {
|
|
position: absolute;
|
|
content: '+';
|
|
color: #18794e;
|
|
}
|
|
|
|
.layui-code-line-diff-remove:before {
|
|
position: absolute;
|
|
content: '-';
|
|
color: #b8272c;
|
|
}
|
|
|
|
.layui-code-has-focused-lines .layui-code-line:not(.layui-code-line-has-focus) {
|
|
filter: blur(0.095rem);
|
|
opacity: 0.7;
|
|
transition:
|
|
filter 0.35s,
|
|
opacity 0.35s;
|
|
}
|
|
|
|
.layui-code-has-focused-lines:hover
|
|
.layui-code-line:not(.layui-code-line-has-focus) {
|
|
filter: blur();
|
|
opacity: 1;
|
|
}
|
|
|
|
/**
|
|
* laydate style
|
|
*/
|
|
|
|
/* 初始化 */
|
|
|
|
.layui-laydate * {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* 主体结构 */
|
|
|
|
.layui-laydate,
|
|
.layui-laydate * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-laydate {
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
margin: 5px 0;
|
|
border-radius: var(--lay-border-radius);
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
animation-duration: 0.2s;
|
|
animation-fill-mode: both;
|
|
}
|
|
|
|
.layui-laydate-main {
|
|
width: 272px;
|
|
}
|
|
|
|
.layui-laydate-header *,
|
|
.layui-laydate-content td,
|
|
.layui-laydate-list li {
|
|
transition-duration: 0.3s;
|
|
}
|
|
|
|
.layui-laydate-shade {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
/* 微微往下滑入 */
|
|
|
|
@keyframes laydate-downbit {
|
|
0% {
|
|
opacity: 0.3;
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
.layui-laydate {
|
|
animation-name: laydate-downbit;
|
|
}
|
|
|
|
.layui-laydate-static {
|
|
position: relative;
|
|
z-index: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
animation: none;
|
|
}
|
|
|
|
/* 展开年月列表时 */
|
|
|
|
.laydate-ym-show .laydate-prev-m,
|
|
.laydate-ym-show .laydate-next-m {
|
|
display: none !important;
|
|
}
|
|
|
|
.laydate-ym-show .laydate-prev-y,
|
|
.laydate-ym-show .laydate-next-y {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.laydate-ym-show .laydate-set-ym span[lay-type='month'] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 展开时间列表时 */
|
|
|
|
.laydate-time-show .layui-laydate-header .layui-icon,
|
|
.laydate-time-show .laydate-set-ym span[lay-type='year'],
|
|
.laydate-time-show .laydate-set-ym span[lay-type='month'] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* 头部结构 */
|
|
|
|
.layui-laydate-header {
|
|
position: relative;
|
|
line-height: 30px;
|
|
padding: 10px 70px 5px;
|
|
}
|
|
|
|
.layui-laydate-header * {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.layui-laydate-header i {
|
|
position: absolute;
|
|
top: 10px;
|
|
padding: 0 5px;
|
|
color: #999;
|
|
font-size: 18px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-laydate-header i.laydate-prev-y {
|
|
left: 15px;
|
|
}
|
|
|
|
.layui-laydate-header i.laydate-prev-m {
|
|
left: 45px;
|
|
}
|
|
|
|
.layui-laydate-header i.laydate-next-y {
|
|
right: 15px;
|
|
}
|
|
|
|
.layui-laydate-header i.laydate-next-m {
|
|
right: 45px;
|
|
}
|
|
|
|
.laydate-time-show .layui-laydate-header {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.laydate-set-ym {
|
|
width: 100%;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.laydate-set-ym span {
|
|
padding: 0 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.laydate-time-text {
|
|
cursor: default !important;
|
|
}
|
|
|
|
/* 主体结构 */
|
|
|
|
.layui-laydate-content {
|
|
position: relative;
|
|
padding: 10px;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-laydate-content table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.layui-laydate-content th,
|
|
.layui-laydate-content td {
|
|
width: 36px;
|
|
height: 30px;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-laydate-content th {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.layui-laydate-content td {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.laydate-day-mark {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
line-height: 30px;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.laydate-day-mark::after {
|
|
position: absolute;
|
|
content: '';
|
|
right: 2px;
|
|
top: 2px;
|
|
width: 5px;
|
|
height: 5px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.laydate-day-holidays:before {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
font-size: 12px;
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.laydate-day-holidays:before {
|
|
content: '\4F11';
|
|
color: #ff5722;
|
|
}
|
|
|
|
.laydate-day-holidays[type='workdays']:before {
|
|
content: '\73ED';
|
|
color: inherit;
|
|
}
|
|
|
|
.layui-laydate .layui-this .laydate-day-holidays:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* 底部结构 */
|
|
|
|
.layui-laydate-footer {
|
|
position: relative;
|
|
height: 46px;
|
|
line-height: 26px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.layui-laydate-footer span {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: 26px;
|
|
line-height: 24px;
|
|
padding: 0 10px;
|
|
border: 1px solid #c9c9c9;
|
|
border-radius: var(--lay-border-radius);
|
|
background-color: #fff;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-laydate-footer span:hover {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-laydate-footer span.layui-laydate-preview {
|
|
cursor: default;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
.layui-laydate-footer span.layui-laydate-preview:hover {
|
|
color: #777;
|
|
}
|
|
|
|
.layui-laydate-footer span:first-child.layui-laydate-preview {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.laydate-footer-btns {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
|
|
.laydate-footer-btns span {
|
|
margin: 0 0 0 -1px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.laydate-footer-btns span:first-child {
|
|
border-radius: var(--lay-border-radius) 0px 0px var(--lay-border-radius);
|
|
}
|
|
|
|
.laydate-footer-btns span:last-child {
|
|
border-radius: 0px var(--lay-border-radius) var(--lay-border-radius) 0px;
|
|
}
|
|
|
|
/* 快捷栏 */
|
|
|
|
.layui-laydate-shortcut {
|
|
width: 80px;
|
|
padding: 6px 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
overflow: auto;
|
|
max-height: 276px;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-laydate-shortcut + .layui-laydate-main {
|
|
display: inline-block;
|
|
border-left: 1px solid #e2e2e2;
|
|
}
|
|
|
|
.layui-laydate-shortcut > li {
|
|
padding: 5px 8px;
|
|
cursor: pointer;
|
|
line-height: 18px;
|
|
}
|
|
|
|
/* 年月列表 */
|
|
|
|
.layui-laydate .layui-laydate-list {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-laydate .layui-laydate-list > li {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 33.3%;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
margin: 3px 0;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
list-style: none;
|
|
}
|
|
|
|
.layui-laydate .laydate-month-list > li {
|
|
width: 25%;
|
|
margin: 17px 0;
|
|
}
|
|
|
|
.laydate-time-list {
|
|
display: table;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list > li {
|
|
display: table-cell;
|
|
height: 100%;
|
|
margin: 0;
|
|
line-height: normal;
|
|
cursor: default;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list p {
|
|
position: relative;
|
|
top: -4px;
|
|
margin: 0;
|
|
line-height: 29px;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list ol {
|
|
height: 181px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list > li:hover ol {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list ol li {
|
|
width: 130%;
|
|
padding-left: 33px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list-hide-1 ol li {
|
|
padding-left: 53px;
|
|
}
|
|
|
|
.layui-laydate .laydate-time-list-hide-2 ol li {
|
|
padding-left: 117px;
|
|
}
|
|
|
|
/* 提示 */
|
|
|
|
.layui-laydate-hint {
|
|
position: absolute;
|
|
top: 115px;
|
|
left: 50%;
|
|
width: 250px;
|
|
margin-left: -125px;
|
|
line-height: 20px;
|
|
padding: 15px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
color: #ff5722;
|
|
white-space: pre-line;
|
|
}
|
|
|
|
/* 双日历 */
|
|
|
|
.layui-laydate-range {
|
|
width: 546px;
|
|
}
|
|
|
|
.layui-laydate-range .layui-laydate-main {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
max-width: 50%;
|
|
}
|
|
|
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-header,
|
|
.layui-laydate-range .laydate-main-list-1 .layui-laydate-content {
|
|
border-left: 1px solid #e2e2e2;
|
|
}
|
|
|
|
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-m,
|
|
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-0 .laydate-next-y,
|
|
.layui-laydate-range.layui-laydate-linkage .laydate-main-list-1 .laydate-prev-m,
|
|
.layui-laydate-range.layui-laydate-linkage
|
|
.laydate-main-list-1
|
|
.laydate-prev-y {
|
|
display: none;
|
|
}
|
|
|
|
.layui-laydate-range.layui-laydate-linkage
|
|
.laydate-main-list-1
|
|
.layui-laydate-header,
|
|
.layui-laydate-range.layui-laydate-linkage
|
|
.laydate-main-list-1
|
|
.layui-laydate-content {
|
|
border-left-style: dashed;
|
|
}
|
|
|
|
/* 默认简约主题 */
|
|
|
|
.layui-laydate,
|
|
.layui-laydate-hint {
|
|
border: 1px solid var(--lay-border-color-accent);
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
|
|
background-color: #fff;
|
|
color: #777;
|
|
}
|
|
|
|
.layui-laydate-header {
|
|
border-bottom: 1px solid #e2e2e2;
|
|
}
|
|
|
|
.layui-laydate-header i:hover,
|
|
.layui-laydate-header span:hover {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-laydate-content {
|
|
border-top: none 0;
|
|
border-bottom: none 0;
|
|
}
|
|
|
|
.layui-laydate-content th {
|
|
color: #333;
|
|
}
|
|
|
|
.layui-laydate-content td {
|
|
color: #777;
|
|
}
|
|
|
|
.layui-laydate-content td.laydate-day-now {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-laydate-content td.laydate-day-now:after {
|
|
content: '';
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 30px;
|
|
left: 0;
|
|
top: 0;
|
|
border: 1px solid var(--lay-color-accent);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-laydate-linkage .layui-laydate-content td.laydate-selected > div {
|
|
background-color: #cffae9;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-laydate-linkage .laydate-selected:hover > div {
|
|
background-color: #cffae9 !important;
|
|
}
|
|
|
|
.layui-laydate-content td:hover:after,
|
|
.layui-laydate-content td.laydate-selected:after {
|
|
content: none;
|
|
}
|
|
|
|
.layui-laydate-content td > div:hover,
|
|
.layui-laydate-list li:hover,
|
|
.layui-laydate-shortcut > li:hover {
|
|
background-color: var(--lay-gray-300);
|
|
color: #333;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.laydate-time-list li ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 1px solid #e2e2e2;
|
|
border-left-width: 0;
|
|
}
|
|
|
|
.laydate-time-list li:first-child ol {
|
|
border-left-width: 1px;
|
|
}
|
|
|
|
.laydate-time-list > li:hover {
|
|
background: none;
|
|
}
|
|
|
|
.layui-laydate-content .laydate-day-prev,
|
|
.layui-laydate-content .laydate-day-next {
|
|
color: var(--lay-gray-400);
|
|
}
|
|
|
|
.layui-laydate-linkage .laydate-selected.laydate-day-prev > div,
|
|
.layui-laydate-linkage .laydate-selected.laydate-day-next > div {
|
|
background: none !important;
|
|
}
|
|
|
|
.layui-laydate-footer {
|
|
border-top: 1px solid #e2e2e2;
|
|
}
|
|
|
|
.layui-laydate-hint {
|
|
color: #ff5722;
|
|
}
|
|
|
|
.laydate-day-mark::after {
|
|
background-color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-laydate-content td.layui-this .laydate-day-mark::after {
|
|
display: none;
|
|
}
|
|
|
|
.layui-laydate-footer span[lay-type='date'] {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-laydate .layui-this,
|
|
.layui-laydate .layui-this > div {
|
|
background-color: var(--lay-color-accent) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.layui-laydate .laydate-disabled,
|
|
.layui-laydate .laydate-disabled:hover {
|
|
background: none !important;
|
|
color: var(--lay-gray-400) !important;
|
|
cursor: not-allowed !important;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-laydate .layui-this.laydate-disabled,
|
|
.layui-laydate .layui-this.laydate-disabled > div {
|
|
background-color: var(--lay-gray-300) !important;
|
|
}
|
|
|
|
.layui-laydate-content td > div {
|
|
padding: 7px 0;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 墨绿/自定义背景色主题 */
|
|
|
|
.laydate-theme-molv {
|
|
border: none;
|
|
}
|
|
|
|
.laydate-theme-molv.layui-laydate-range {
|
|
width: 548px;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-main {
|
|
width: 274px;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-header {
|
|
border: none;
|
|
background-color: var(--lay-color-primary);
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-header i,
|
|
.laydate-theme-molv .layui-laydate-header span {
|
|
color: #f6f6f6;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-header i:hover,
|
|
.laydate-theme-molv .layui-laydate-header span:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-content {
|
|
border: 1px solid #e2e2e2;
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
|
|
border-left: none;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-this,
|
|
.laydate-theme-molv .layui-this > div {
|
|
background-color: var(--lay-color-primary) !important;
|
|
}
|
|
|
|
.laydate-theme-molv .layui-laydate-footer {
|
|
border: 1px solid #e2e2e2;
|
|
}
|
|
|
|
/* 格子主题 */
|
|
|
|
.laydate-theme-grid .layui-laydate-content td,
|
|
.laydate-theme-grid .layui-laydate-content thead,
|
|
.laydate-theme-grid .laydate-year-list > li,
|
|
.laydate-theme-grid .laydate-month-list > li {
|
|
border: 1px solid #e2e2e2;
|
|
}
|
|
|
|
.layui-laydate-linkage.laydate-theme-grid .laydate-selected,
|
|
.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover {
|
|
background-color: #f2f2f2 !important;
|
|
color: var(--lay-color-primary) !important;
|
|
}
|
|
|
|
.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-prev,
|
|
.layui-laydate-linkage.laydate-theme-grid .laydate-selected.laydate-day-next {
|
|
color: var(--lay-gray-400) !important;
|
|
}
|
|
|
|
.laydate-theme-grid .laydate-year-list,
|
|
.laydate-theme-grid .laydate-month-list {
|
|
margin: 1px 0 0 1px;
|
|
}
|
|
|
|
.laydate-theme-grid .laydate-year-list > li,
|
|
.laydate-theme-grid .laydate-month-list > li {
|
|
margin: 0 -1px -1px 0;
|
|
}
|
|
|
|
.laydate-theme-grid .laydate-year-list > li {
|
|
height: 43px;
|
|
line-height: 43px;
|
|
}
|
|
|
|
.laydate-theme-grid .laydate-month-list > li {
|
|
height: 71px;
|
|
line-height: 71px;
|
|
}
|
|
|
|
.laydate-theme-grid .layui-laydate-content td > div {
|
|
height: 29px;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
/* 圆圈高亮主题 */
|
|
|
|
.laydate-theme-circle .layui-laydate-content td > div,
|
|
.laydate-theme-circle .layui-laydate-content td.layui-this > div {
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
border-radius: 14px;
|
|
margin: 0 4px;
|
|
padding: 0;
|
|
}
|
|
|
|
.layui-laydate.laydate-theme-circle .layui-laydate-content table td.layui-this {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.laydate-theme-grid.laydate-theme-circle .layui-laydate-content td > div {
|
|
margin: 0 3.5px;
|
|
}
|
|
|
|
/* 全面板 */
|
|
|
|
.laydate-theme-fullpanel .layui-laydate-main {
|
|
width: 526px;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .layui-laydate-list {
|
|
width: 252px;
|
|
left: 272px;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .laydate-set-ym span {
|
|
display: none;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .laydate-time-show .layui-laydate-header .layui-icon,
|
|
.laydate-theme-fullpanel
|
|
.laydate-time-show
|
|
.laydate-set-ym
|
|
span[lay-type='year'],
|
|
.laydate-theme-fullpanel
|
|
.laydate-time-show
|
|
.laydate-set-ym
|
|
span[lay-type='month'] {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .laydate-btns-time {
|
|
display: none;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .laydate-time-list-hide-1 ol li {
|
|
padding-left: 49px;
|
|
}
|
|
|
|
.laydate-theme-fullpanel .laydate-time-list-hide-2 ol li {
|
|
padding-left: 107px;
|
|
}
|
|
|
|
/**
|
|
* layer style
|
|
*/
|
|
|
|
/* common */
|
|
|
|
.layui-layer-shade,
|
|
.layui-layer {
|
|
position: fixed;
|
|
_position: absolute;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.layui-layer-shade {
|
|
opacity: 0;
|
|
transition: opacity 0.35s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.layui-layer {
|
|
top: 150px;
|
|
left: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
-webkit-background-clip: content;
|
|
background-clip: content;
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.layui-layer-close {
|
|
position: absolute;
|
|
}
|
|
|
|
.layui-layer-content {
|
|
position: relative;
|
|
}
|
|
|
|
.layui-layer-border {
|
|
border: 1px solid #b2b2b2;
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.layui-layer-load {
|
|
background: url('data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=')
|
|
#fff center center no-repeat;
|
|
}
|
|
|
|
.layui-layer-setwin span,
|
|
.layui-layer-btn a {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.layui-layer-move {
|
|
display: none;
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: move;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
background-color: #fff;
|
|
z-index: 2147483647;
|
|
}
|
|
|
|
.layui-layer-resize {
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 15px;
|
|
right: 0;
|
|
bottom: 0;
|
|
cursor: se-resize;
|
|
}
|
|
|
|
/* 动画 */
|
|
|
|
.layer-anim {
|
|
animation-fill-mode: both;
|
|
animation-duration: 0.3s;
|
|
}
|
|
|
|
@keyframes layer-bounceIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.5);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layer-anim-00 {
|
|
animation-name: layer-bounceIn;
|
|
}
|
|
|
|
@keyframes layer-zoomInDown {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.1) translateY(-2000px);
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale(0.475) translateY(60px);
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
|
|
.layer-anim-01 {
|
|
animation-name: layer-zoomInDown;
|
|
}
|
|
|
|
@keyframes layer-fadeInUpBig {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(2000px);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.layer-anim-02 {
|
|
animation-name: layer-fadeInUpBig;
|
|
}
|
|
|
|
@keyframes layer-zoomInLeft {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.1) translateX(-2000px);
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
60% {
|
|
opacity: 1;
|
|
transform: scale(0.475) translateX(48px);
|
|
animation-timing-function: ease-out;
|
|
}
|
|
}
|
|
|
|
.layer-anim-03 {
|
|
animation-name: layer-zoomInLeft;
|
|
}
|
|
|
|
@keyframes layer-rollIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateX(-100%) rotate(-120deg);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateX(0px) rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.layer-anim-04 {
|
|
animation-name: layer-rollIn;
|
|
}
|
|
|
|
@keyframes layer-fadeIn {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.layer-anim-05 {
|
|
animation-name: layer-fadeIn;
|
|
}
|
|
|
|
@keyframes layer-shake {
|
|
0%,
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
10%,
|
|
30%,
|
|
50%,
|
|
70%,
|
|
90% {
|
|
transform: translateX(-10px);
|
|
}
|
|
20%,
|
|
40%,
|
|
60%,
|
|
80% {
|
|
transform: translateX(10px);
|
|
}
|
|
}
|
|
|
|
.layer-anim-06 {
|
|
animation-name: layer-shake;
|
|
}
|
|
|
|
/* 从上往下 */
|
|
|
|
@keyframes layer-slide-down {
|
|
from {
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes layer-slide-down-out {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, -100%, 0);
|
|
}
|
|
}
|
|
|
|
.layer-anim-slide-down {
|
|
animation-name: layer-slide-down;
|
|
}
|
|
|
|
.layer-anim-slide-down-out {
|
|
animation-name: layer-slide-down-out;
|
|
}
|
|
|
|
/* 从右往左 */
|
|
|
|
@keyframes layer-slide-left {
|
|
from {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes layer-slide-left-out {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
.layer-anim-slide-left {
|
|
animation-name: layer-slide-left;
|
|
}
|
|
|
|
.layer-anim-slide-left-out {
|
|
animation-name: layer-slide-left-out;
|
|
}
|
|
|
|
/* 从下往上 */
|
|
|
|
@keyframes layer-slide-up {
|
|
from {
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes layer-slide-up-out {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
}
|
|
|
|
.layer-anim-slide-up {
|
|
animation-name: layer-slide-up;
|
|
}
|
|
|
|
.layer-anim-slide-up-out {
|
|
animation-name: layer-slide-up-out;
|
|
}
|
|
|
|
/* 从左往右 */
|
|
|
|
@keyframes layer-slide-right {
|
|
from {
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
|
|
@keyframes layer-slide-right-out {
|
|
from {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
to {
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
|
|
.layer-anim-slide-right {
|
|
animation-name: layer-slide-right;
|
|
}
|
|
|
|
.layer-anim-slide-right-out {
|
|
animation-name: layer-slide-right-out;
|
|
}
|
|
|
|
/* 标题栏 */
|
|
|
|
.layui-layer-title {
|
|
padding: 0 81px 0 16px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
font-size: 14px;
|
|
color: #333;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
border-radius: var(--lay-border-radius) var(--lay-border-radius) 0 0;
|
|
}
|
|
|
|
.layui-layer-setwin {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 16px;
|
|
font-size: 0;
|
|
line-height: initial;
|
|
}
|
|
|
|
.layui-layer-setwin span {
|
|
position: relative;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 18px;
|
|
margin-left: 10px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
color: #000;
|
|
_overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-min:before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 12px;
|
|
border-bottom: 1px solid #2e2d3c;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin: -0.5px 0 0 -6px;
|
|
cursor: pointer;
|
|
_overflow: hidden;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-min:hover:before {
|
|
background-color: #2d93ca;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-max:before,
|
|
.layui-layer-setwin .layui-layer-max:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
z-index: 1;
|
|
width: 9px;
|
|
height: 9px;
|
|
margin: -5px 0 0 -5px;
|
|
border: 1px solid #2e2d3c;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-max:hover:before,
|
|
.layui-layer-setwin .layui-layer-max:hover:after {
|
|
border-color: #2d93ca;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-min:hover:before {
|
|
background-color: #2d93ca;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-maxmin:before,
|
|
.layui-layer-setwin .layui-layer-maxmin:after {
|
|
width: 7px;
|
|
height: 7px;
|
|
margin: -3px 0 0 -3px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-maxmin:after {
|
|
z-index: 0;
|
|
margin: -5px 0 0 -1px;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-close {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-close:hover {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-close2 {
|
|
position: absolute;
|
|
right: -28px;
|
|
top: -28px;
|
|
color: #fff;
|
|
background-color: #787878;
|
|
padding: 3px;
|
|
border: 3px solid;
|
|
width: 28px;
|
|
height: 28px;
|
|
font-size: 16px;
|
|
font-weight: bolder;
|
|
border-radius: 50%;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.layui-layer-setwin .layui-layer-close2:hover {
|
|
opacity: unset;
|
|
background-color: #3888f6;
|
|
}
|
|
|
|
/* 按钮栏 */
|
|
|
|
.layui-layer-btn {
|
|
text-align: right;
|
|
padding: 0 15px 12px;
|
|
pointer-events: auto;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-layer-btn a {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 5px 5px 0;
|
|
padding: 0 var(--lay-spacing);
|
|
border: 1px solid #dedede;
|
|
background-color: #fff;
|
|
color: #333;
|
|
border-radius: var(--lay-border-radius);
|
|
font-weight: 400;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-layer-btn a:hover {
|
|
opacity: 0.9;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.layui-layer-btn a:active {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.layui-layer-btn .layui-layer-btn0 {
|
|
border-color: transparent;
|
|
background-color: #1e9fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-layer-btn-l {
|
|
text-align: left;
|
|
}
|
|
|
|
.layui-layer-btn-c {
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-layer-btn-is-loading {
|
|
opacity: 0.5 !important;
|
|
cursor: not-allowed !important;
|
|
cursor: wait !important;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.layui-layer-btn-is-loading .layui-layer-btn-loading-icon {
|
|
margin-right: 8px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* 定制化 */
|
|
|
|
.layui-layer-dialog {
|
|
min-width: 240px;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content {
|
|
position: relative;
|
|
padding: 16px;
|
|
line-height: 24px;
|
|
word-break: break-all;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-layer-face {
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 16px;
|
|
color: #959595;
|
|
font-size: 32px;
|
|
_left: -40px;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-tips {
|
|
color: #f39b12;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-success {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-error {
|
|
top: 19px;
|
|
color: #ff5722;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-question {
|
|
color: #ffb800;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-lock {
|
|
color: #787878;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-face-cry {
|
|
color: #ff5722;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content .layui-icon-face-smile {
|
|
color: var(--lay-color-accent);
|
|
}
|
|
|
|
.layui-layer-rim {
|
|
border: 6px solid #8d8d8d;
|
|
border: 6px solid rgba(0, 0, 0, 0.3);
|
|
border-radius: 5px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.layui-layer-msg {
|
|
min-width: 180px;
|
|
border: 1px solid #d3d4d3;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.layui-layer-hui {
|
|
min-width: 100px;
|
|
background-color: #000;
|
|
filter: alpha(opacity=60);
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
|
|
.layui-layer-hui .layui-layer-close {
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-layer-hui .layui-layer-content {
|
|
padding: 11px 24px;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-padding {
|
|
padding: 18px 24px 18px 58px;
|
|
text-align: left;
|
|
}
|
|
|
|
.layui-layer-page .layui-layer-content {
|
|
position: relative;
|
|
overflow: auto;
|
|
}
|
|
|
|
.layui-layer-page .layui-layer-btn,
|
|
.layui-layer-iframe .layui-layer-btn {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.layui-layer-nobg {
|
|
background: none;
|
|
}
|
|
|
|
.layui-layer-iframe iframe {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.layui-layer-loading {
|
|
border-radius: 100%;
|
|
background: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.layui-layer-loading .layui-layer-content {
|
|
width: 76px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-layer-loading-icon {
|
|
font-size: 38px;
|
|
color: #959595;
|
|
}
|
|
|
|
.layui-layer-loading2 {
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-layer-loading-2 {
|
|
position: relative;
|
|
height: 38px;
|
|
}
|
|
|
|
.layui-layer-loading-2:before,
|
|
.layui-layer-loading-2:after {
|
|
content: '';
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 38px;
|
|
height: 38px;
|
|
margin: -19px 0 0 -19px;
|
|
border-radius: 50%;
|
|
border: 3px solid var(--lay-border-color-accent);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.layui-layer-loading-2:after {
|
|
border-color: transparent;
|
|
border-left-color: #1e9fff;
|
|
}
|
|
|
|
.layui-layer-tips {
|
|
background: none;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
.layui-layer-tips .layui-layer-content {
|
|
position: relative;
|
|
line-height: 22px;
|
|
min-width: 12px;
|
|
padding: 8px 15px;
|
|
font-size: 12px;
|
|
_float: left;
|
|
border-radius: var(--lay-border-radius);
|
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-layer-tips .layui-layer-close {
|
|
right: -2px;
|
|
top: -1px;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsG {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-width: 8px;
|
|
border-color: transparent;
|
|
border-style: dashed;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsT,
|
|
.layui-layer-tips i.layui-layer-TipsB {
|
|
left: 5px;
|
|
border-right-style: solid;
|
|
border-right-color: #000;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsT {
|
|
bottom: -8px;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsB {
|
|
top: -8px;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsR,
|
|
.layui-layer-tips i.layui-layer-TipsL {
|
|
top: 5px;
|
|
border-bottom-style: solid;
|
|
border-bottom-color: #000;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsR {
|
|
left: -8px;
|
|
}
|
|
|
|
.layui-layer-tips i.layui-layer-TipsL {
|
|
right: -8px;
|
|
}
|
|
|
|
/* 内置 skin */
|
|
|
|
.layui-layer-lan .layui-layer-title {
|
|
background: #4476a7;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
|
|
.layui-layer-lan .layui-layer-btn {
|
|
padding: 5px 10px 10px;
|
|
border-top: 1px solid #e9e7e7;
|
|
}
|
|
|
|
.layui-layer-lan .layui-layer-btn a {
|
|
background: #fff;
|
|
border-color: #e9e7e7;
|
|
color: #333;
|
|
}
|
|
|
|
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
|
|
background: #c9c5c5;
|
|
}
|
|
|
|
.layui-layer-molv .layui-layer-title {
|
|
background: #009f95;
|
|
color: #fff;
|
|
border: none;
|
|
}
|
|
|
|
.layui-layer-molv .layui-layer-btn a {
|
|
background: #009f95;
|
|
border-color: #009f95;
|
|
}
|
|
|
|
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
|
|
background: #92b8b1;
|
|
}
|
|
|
|
.layui-layer-lan .layui-layer-setwin .layui-icon,
|
|
.layui-layer-molv .layui-layer-setwin .layui-icon {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Windows 10 风格主题 */
|
|
|
|
.layui-layer-win10 {
|
|
border: 1px solid #aaa;
|
|
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);
|
|
border-radius: none;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-title {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
padding-left: 8px;
|
|
border-bottom: none;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-setwin {
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-setwin span {
|
|
margin-left: 0;
|
|
width: 32px;
|
|
height: 32px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.layui-layer-win10.layui-layer-page .layui-layer-setwin span {
|
|
width: 38px;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-setwin span:hover {
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-setwin span.layui-icon-close:hover {
|
|
background-color: #e81123;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-layer-win10.layui-layer-dialog .layui-layer-content {
|
|
padding: var(--lay-spacing-sm) var(--lay-spacing) var(--lay-spacing-lg);
|
|
color: #0033bc;
|
|
}
|
|
|
|
.layui-layer-win10.layui-layer-dialog .layui-layer-padding {
|
|
padding-top: 18px;
|
|
padding-left: 58px;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-btn {
|
|
padding: 5px 5px 10px;
|
|
border-top: 1px solid #dfdfdf;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-btn a {
|
|
height: 20px;
|
|
line-height: 18px;
|
|
background-color: #e1e1e1;
|
|
border-color: #adadad;
|
|
color: #000;
|
|
font-size: 12px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-btn a:hover {
|
|
border-color: #2a8edd;
|
|
background-color: #e5f1fb;
|
|
}
|
|
|
|
.layui-layer-win10 .layui-layer-btn .layui-layer-btn0 {
|
|
border-color: #0078d7;
|
|
}
|
|
|
|
/**
|
|
* layer 拓展层
|
|
*/
|
|
|
|
/* prompt */
|
|
|
|
.layui-layer-prompt .layui-layer-input {
|
|
display: block;
|
|
width: 260px;
|
|
height: 36px;
|
|
margin: 0 auto;
|
|
line-height: 30px;
|
|
padding-left: 10px;
|
|
border: 1px solid #e6e6e6;
|
|
color: #333;
|
|
}
|
|
|
|
.layui-layer-prompt textarea.layui-layer-input {
|
|
width: 300px;
|
|
height: 100px;
|
|
line-height: 20px;
|
|
padding: 6px 10px;
|
|
}
|
|
|
|
.layui-layer-prompt .layui-layer-content {
|
|
padding: var(--lay-spacing);
|
|
}
|
|
|
|
.layui-layer-prompt .layui-layer-btn {
|
|
padding-top: 0;
|
|
}
|
|
|
|
/* tab */
|
|
|
|
.layui-layer-tab {
|
|
box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.layui-layer-tab .layui-layer-title {
|
|
padding-left: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
.layui-layer-tab .layui-layer-title span {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
min-width: 80px;
|
|
max-width: 300px;
|
|
padding: 0 var(--lay-spacing);
|
|
text-align: center;
|
|
cursor: default;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-layer-tab .layui-layer-title span.layui-this {
|
|
height: 51px;
|
|
border-left-color: var(--lay-border-color);
|
|
border-right-color: var(--lay-border-color);
|
|
background-color: #fff;
|
|
z-index: 10;
|
|
}
|
|
|
|
.layui-layer-tab .layui-layer-title span:first-child {
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
.layui-layer-tabmain {
|
|
line-height: 24px;
|
|
clear: both;
|
|
}
|
|
|
|
.layui-layer-tabmain .layui-layer-tabli {
|
|
display: none;
|
|
}
|
|
|
|
.layui-layer-tabmain .layui-layer-tabli.layui-this {
|
|
display: block;
|
|
}
|
|
|
|
/* photos */
|
|
|
|
.layui-layer-photos {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.layui-layer-photos .layui-layer-content {
|
|
overflow: visible;
|
|
text-align: center;
|
|
}
|
|
|
|
.layui-layer-photos .layer-layer-photos-main img {
|
|
position: relative;
|
|
width: 100%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.layui-layer-photos-prev,
|
|
.layui-layer-photos-next {
|
|
position: fixed;
|
|
top: 50%;
|
|
width: 52px;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
margin-top: -26px;
|
|
cursor: pointer;
|
|
font-size: 52px;
|
|
color: #717171;
|
|
}
|
|
|
|
.layui-layer-photos-prev {
|
|
left: 32px;
|
|
}
|
|
|
|
.layui-layer-photos-next {
|
|
right: 32px;
|
|
}
|
|
|
|
.layui-layer-photos-prev:hover,
|
|
.layui-layer-photos-next:hover {
|
|
color: #959595;
|
|
}
|
|
|
|
.layui-layer-photos-toolbar {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 52px;
|
|
line-height: 52px;
|
|
background-color: rgba(0, 0, 0, 0.32);
|
|
color: #fff;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
font-size: 0;
|
|
}
|
|
|
|
.layui-layer-photos-toolbar > * {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 0 var(--lay-spacing);
|
|
font-size: 12px;
|
|
color: #fff;
|
|
}
|
|
|
|
.layui-layer-photos-toolbar * {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.layui-layer-photos-header {
|
|
top: 0;
|
|
bottom: auto;
|
|
}
|
|
|
|
.layui-layer-photos-header > span {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.layui-layer-photos-header > span:hover {
|
|
background-color: rgba(51, 51, 51, 0.32);
|
|
}
|
|
|
|
.layui-layer-photos-header .layui-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.layui-layer-photos-footer > h3 {
|
|
max-width: 65%;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.layui-layer-photos-footer a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.layui-layer-photos-footer em {
|
|
font-style: normal;
|
|
}
|
|
|
|
/* 关闭动画 */
|
|
|
|
@keyframes layer-bounceOut {
|
|
100% {
|
|
opacity: 0;
|
|
transform: scale(0.7);
|
|
}
|
|
30% {
|
|
transform: scale(1.05);
|
|
}
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
.layer-anim-close {
|
|
animation-name: layer-bounceOut;
|
|
animation-fill-mode: both;
|
|
animation-duration: 0.2s;
|
|
}
|
|
|
|
/*# sourceMappingURL=layui.css.map */ |