style: 优化 index.less

This commit is contained in:
就眠儀式 2022-04-22 09:32:32 +08:00
parent 5798e19a6e
commit eba8c62a49
6 changed files with 36 additions and 73 deletions

View File

@ -26,4 +26,4 @@
.layui-dropdown-up > dl { .layui-dropdown-up > dl {
display: block; display: block;
} }

View File

@ -118,8 +118,9 @@
} }
.layui-iconpicker-scroll .layui-iconpicker-list { .layui-iconpicker-scroll .layui-iconpicker-list {
max-height: 220px;
overflow: auto; overflow: auto;
max-height: 220px;
overflow-x: hidden;
} }
.layui-iconpicker-page { .layui-iconpicker-page {

View File

@ -99,6 +99,14 @@ const matchComponents = [
pattern: /^LayLine$/, pattern: /^LayLine$/,
styleDir: "line", styleDir: "line",
}, },
{
pattern: /^LayStepItem$/,
styleDir: "step",
},
{
pattern: /^LayStep$/,
styleDir: "step",
},
// .... // ....
{ {
pattern: /^(LayCarousel|LayCarouselItem)$/, pattern: /^(LayCarousel|LayCarouselItem)$/,
@ -154,10 +162,6 @@ const matchComponents = [
pattern: /^LaySplitPanelItem$/, pattern: /^LaySplitPanelItem$/,
styleDir: "splitPanel", styleDir: "splitPanel",
}, },
{
pattern: /^LayStepItem$/,
styleDir: "step",
},
{ {
pattern: /^LaySwitch$/, pattern: /^LaySwitch$/,
styleDir: "", styleDir: "",

View File

@ -2,12 +2,6 @@
@import "./public.less"; @import "./public.less";
@import "./date.less"; @import "./date.less";
.layui-inline,
img {
display: inline-block;
vertical-align: middle;
}
h1, h1,
h2, h2,
h3, h3,
@ -22,38 +16,20 @@ body {
color: #333; color: #333;
} }
.layui-edge, li {
.layui-inline list-style: none;
{ }
.layui-inline {
position: relative; position: relative;
} display: inline-block;
.layui-edge,
hr {
height: 0;
overflow: hidden;
}
.layui-edge,
.layui-elip,
hr {
overflow: hidden;
}
.layui-btn,
.layui-edge,
.layui-inline,
img {
vertical-align: middle; vertical-align: middle;
} }
.layui-btn, .layui-btn,
.layui-disabled, .layui-edge,
.layui-icon, .layui-inline {
.layui-unselect { vertical-align: middle;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
} }
.layui-elip, .layui-elip,
@ -87,20 +63,12 @@ th,
ul { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0;
} }
img { img {
border: none; border: none;
} display: inline-block;
vertical-align: middle;
li {
list-style: none;
} }
table { table {
@ -134,11 +102,11 @@ body {
} }
hr { hr {
padding: 0;
line-height: 0; line-height: 0;
margin: 10px 0; margin: 10px 0;
padding: 0;
border: none !important; border: none !important;
border-bottom: 1px solid @global-neutral-color-3 !important; border-bottom: 1px solid #EEEEEE!important;
clear: both; clear: both;
background: 0 0; background: 0 0;
} }
@ -151,21 +119,11 @@ a:hover {
color: #777; color: #777;
} }
a cite {
font-style: normal;
*cursor: pointer;
}
.layui-border-box, .layui-border-box,
.layui-border-box * { .layui-border-box * {
box-sizing: border-box; box-sizing: border-box;
} }
.layui-inline {
*display: inline;
*zoom: 1;
}
.layui-btn, .layui-btn,
.layui-btn-group, .layui-btn-group,
.layui-edge { .layui-edge {
@ -241,8 +199,8 @@ a cite {
.layui-colorpicker-alpha-slider, .layui-colorpicker-alpha-slider,
.layui-colorpicker-side-slider, .layui-colorpicker-side-slider,
.layui-menu,
.layui-menu *, .layui-menu *,
.layui-menu,
.layui-nav { .layui-nav {
box-sizing: border-box; box-sizing: border-box;
} }

View File

@ -1,7 +1,8 @@
// 特殊的三角符号 // 三角符号
.layui-edge { .layui-edge {
width: 0; width: 0;
border-width: 6px; border-width: 6px;
position: relative;
border-style: dashed; border-style: dashed;
border-color: transparent; border-color: transparent;
} }
@ -37,7 +38,7 @@
display: none !important; display: none !important;
} }
// layui border.css // 边框样式
.layui-border, .layui-border,
.layui-border-black, .layui-border-black,
.layui-border-blue, .layui-border-blue,
@ -79,7 +80,7 @@
color: #393d49 !important; color: #393d49 !important;
} }
// layui background-color.css // 背景色
.layui-bg-black, .layui-bg-black,
.layui-bg-blue, .layui-bg-blue,
.layui-bg-cyan, .layui-bg-cyan,
@ -118,7 +119,7 @@
color: #666 !important; color: #666 !important;
} }
// layui font-color.css // 前景色
.layui-font-red { .layui-font-red {
color: #ff5722 !important; color: #ff5722 !important;
} }
@ -147,8 +148,7 @@
color: #c2c2c2 !important; color: #c2c2c2 !important;
} }
// layui font-size.css // 字体尺寸
.layui-font-12 { .layui-font-12 {
font-size: 12px !important; font-size: 12px !important;
} }
@ -189,7 +189,7 @@
font-size: 30px !important; font-size: 30px !important;
} }
// layui anim.css // 通用动画
.layui-anim { .layui-anim {
-webkit-animation-duration: 0.3s; -webkit-animation-duration: 0.3s;
-webkit-animation-fill-mode: both; -webkit-animation-fill-mode: both;

View File

@ -22,7 +22,7 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const src = ref("https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png") const src = ref("https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png")
return { return {
src src
@ -47,7 +47,7 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png" const src = "https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"
return { return {
src src
@ -79,7 +79,7 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png" const src = "https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"
return { return {
src src
@ -111,7 +111,7 @@ import { ref } from 'vue'
export default { export default {
setup() { setup() {
const src = "https://portrait.gitee.com/uploads/avatars/user/2813/8441097_shaynas_1610801433.png" const src = "https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"
return { return {
src src