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

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

View File

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

View File

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

View File

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

View File

@ -22,7 +22,7 @@ import { ref } from 'vue'
export default {
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 {
src
@ -47,7 +47,7 @@ import { ref } from 'vue'
export default {
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 {
src
@ -79,7 +79,7 @@ import { ref } from 'vue'
export default {
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 {
src
@ -111,7 +111,7 @@ import { ref } from 'vue'
export default {
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 {
src