style: 优化 index.less
This commit is contained in:
parent
5798e19a6e
commit
eba8c62a49
@ -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 {
|
||||||
|
@ -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: "",
|
||||||
|
@ -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;
|
||||||
}
|
}
|
@ -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;
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user