Skip to content

肖康 / cloudSystem

Go to a project
Commit c25f1474 by 肖康
Options

x

parent a56c339b
Expand all
Inline Side-by-side
Showing with 145 additions and 169 deletions
src/assets/css/public/common.less
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust : 100%;
} }
html * { html * {
outline: 0; outline : 0;
-webkit-text-size-adjust: none !important; -webkit-text-size-adjust : none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
} }
html, html,
body { body {
font-family: PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif; font-family : PingFangSC-Regular, PingFang SC, 'Microsoft Yahei', sans-serif;
font-style: normal; font-style : normal;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-size: 14px; font-size : 14px;
color: #646B78; color : #646B78;
} }
body, body,
...@@ -56,7 +56,7 @@ header, ...@@ -56,7 +56,7 @@ header,
menu, menu,
nav, nav,
section { section {
margin: 0; margin : 0;
padding: 0; padding: 0;
} }
...@@ -64,8 +64,8 @@ button, ...@@ -64,8 +64,8 @@ button,
input, input,
select, select,
textarea { textarea {
font-size: 100%; font-size : 100%;
border: none; border : none;
-webkit-appearance: none; -webkit-appearance: none;
} }
...@@ -77,7 +77,7 @@ input[type=submit] { ...@@ -77,7 +77,7 @@ input[type=submit] {
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing : 0;
} }
ol, ol,
...@@ -92,7 +92,7 @@ h3, ...@@ -92,7 +92,7 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-size: 100%; font-size : 100%;
font-weight: 500; font-weight: 500;
} }
...@@ -116,20 +116,20 @@ img { ...@@ -116,20 +116,20 @@ img {
} }
.clr:after { .clr:after {
content: "."; content : ".";
clear: both; clear : both;
height: 0; height : 0;
visibility: hidden; visibility: hidden;
display: block; display : block;
} }
.fl { .fl {
float: left; float : left;
_display: inline; _display: inline;
} }
.fr { .fr {
float: right; float : right;
_display: inline; _display: inline;
} }
...@@ -147,38 +147,38 @@ img { ...@@ -147,38 +147,38 @@ img {
.lineBlock { .lineBlock {
display: inline-block; display : inline-block;
*display: inline; *display : inline;
zoom: 1; zoom : 1;
letter-spacing: normal; letter-spacing: normal;
word-spacing: normal; word-spacing : normal;
} }
.lbBox { .lbBox {
font-size: 0 !important; font-size : 0 !important;
*word-spacing: -1px !important; *word-spacing: -1px !important;
} }
.emptys { .emptys {
margin-left: -1px; margin-left : -1px;
width: 1px; width : 1px;
height: 100%; height : 100%;
font-size: 0; font-size : 0;
vertical-align: middle; vertical-align: middle;
} }
.boxsiz { .boxsiz {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing : border-box;
} }
.column { .column {
display: flex; display : flex;
flex-direction: column; flex-direction: column;
} }
.row { .row {
display: flex; display : flex;
flex-direction: row; flex-direction: row;
} }
...@@ -204,16 +204,16 @@ img { ...@@ -204,16 +204,16 @@ img {
.boxFlex { .boxFlex {
-webkit-box-flex: 1; -webkit-box-flex: 1;
-moz-box-flex: 1; -moz-box-flex : 1;
-webkit-flex: 1; -webkit-flex : 1;
-ms-flex: 1; -ms-flex : 1;
flex: 1; flex : 1;
} }
html, html,
body { body {
width: 100%; width : 100%;
height: 100%; height : 100%;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -245,10 +245,10 @@ body { ...@@ -245,10 +245,10 @@ body {
} }
.el-message--info { .el-message--info {
min-width: auto !important; min-width : auto !important;
border: 0px !important; border : 0px !important;
background: rgba(0, 0, 0, 0.4) !important; background: rgba(0, 0, 0, 0.4) !important;
top: 100px !important; top : 100px !important;
.el-icon-info { .el-icon-info {
display: none; display: none;
...@@ -264,10 +264,10 @@ body { ...@@ -264,10 +264,10 @@ body {
//表单样式重写 //表单样式重写
.el-input__inner { .el-input__inner {
height: 38px; height : 38px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #BEC9DF; border : 1px solid #BEC9DF;
font-size: 14px; font-size : 14px;
&:focus { &:focus {
border: 1px solid #387FFF; border: 1px solid #387FFF;
...@@ -297,8 +297,8 @@ body { ...@@ -297,8 +297,8 @@ body {
} }
.el-message--info { .el-message--info {
min-width: auto !important; min-width : auto !important;
border: 0px !important; border : 0px !important;
background: rgba(0, 0, 0, 0.4) !important; background: rgba(0, 0, 0, 0.4) !important;
.el-icon-info { .el-icon-info {
...@@ -311,6 +311,7 @@ body { ...@@ -311,6 +311,7 @@ body {
} }
//表格样式重写 //表格样式重写
.el-table { .el-table {
color: #646B78; color: #646B78;
...@@ -319,7 +320,7 @@ body { ...@@ -319,7 +320,7 @@ body {
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner { .el-checkbox__input.is-indeterminate .el-checkbox__inner {
background-color: #1969F9; background-color: #1969F9;
border-color: #1969F9; border-color : #1969F9;
} }
.el-table__header { .el-table__header {
...@@ -327,7 +328,7 @@ body { ...@@ -327,7 +328,7 @@ body {
font-weight: normal; font-weight: normal;
} }
.el-table__body tr.hover-row > td { .el-table__body tr.hover-row>td {
background-color: #F1F8FF; background-color: #F1F8FF;
} }
...@@ -373,161 +374,135 @@ body { ...@@ -373,161 +374,135 @@ body {
} }
.el-table__body-wrapper::-webkit-scrollbar-thumb { .el-table__body-wrapper::-webkit-scrollbar-thumb {
border-radius: 8px; border-radius : 8px;
background: #fff; background : #fff;
width: 18px; width : 18px;
-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
} }
.el-table__body-wrapper::-webkit-scrollbar-track { .el-table__body-wrapper::-webkit-scrollbar-track {
border-radius: 0; border-radius: 0;
background: #D2D9E7; background : #D2D9E7;
} }
} }
//js跟随提示框
.el-tooltip__popper {
box-shadow: 1px 2px 10px 0px rgba(119, 135, 145, 0.5);
border: 1px solid #387FFF!important;
border-radius: 0px!important;
.boxxrth2021 {
width : 150px;
background : #fff;
font-size : 12px;
color : #333;
p {
height : 28px;
line-height: 28px;
//js跟随提示框 span {
.el-tooltip__popper { width: 50%;
box-shadow: 1px 2px 10px 0px rgba(119, 135, 145, 0.5); }
border: 1px solid #387FFF !important;
border-radius: 0px !important;
.boxxrth2021 {
width: 150px;
background: #fff;
font-size: 12px;
color: #333;
p {
height: 28px;
line-height: 28px;
}
}
}
//js跟随提示框
.el-tooltip__popper {
border: 0px !important;
box-shadow: 0px 0px 10px #ccc;
.boxxrth2021 {
width: 150px;
background: #fff;
font-size: 12px;
color: #333;
p {
height: 28px;
line-height: 28px;
span {
width: 50%;
} }
} }
} }
.el-tooltip__popper[x-placement="top"] .popper__arrow{border-top-color:#387FFF!important;}
.el-tooltip__popper[x-placement="top"] .popper__arrow { .el-tooltip__popper[x-placement="bottom"] .popper__arrow{border-bottom-color:#387FFF!important;}
border-top-color: #387FFF !important;
}
.el-tooltip__popper[x-placement="bottom"] .popper__arrow { //弹窗公共样式
border-bottom-color: #387FFF !important; .el-dialog__body {
padding: 20px !important;
}
.el-dialog__title {
font-size : 14px;
color : #333;
font-weight: bold;
position : relative;
&::after {
content : "";
position : absolute;
width : 5px;
height : 22px;
background: #1969F9;
left : -20px;
top : 2px;
} }
}
.el-icon-close {
font-size: 24px;
//弹窗公共样式 &:hover,
.el-dialog__body { &:focus {
padding: 20px !important; color: #1969F9 !important;
} }
.el-dialog__title {
font-size: 14px;
color: #333;
font-weight: bold;
position: relative;
&::after {
content: "";
position: absolute;
width: 5px;
height: 22px;
background: #1969F9;
left: -20px;
top: 2px;
}
}
.el-icon-close {
font-size: 24px;
&:hover,
&:focus {
color: #1969F9 !important;
}
}
} .el-message-box__container {
text-align: center;
padding : 15px 0px;
}
.el-message-box__container { .el-message-box__message {
text-align: center; display: inline-block;
padding: 15px 0px; }
}
.el-message-box__message { .el-message-box__message p {
display: inline-block; color : #333;
} font-size: 16px;
}
.el-message-box__message p { .el-message-box__status.el-icon-error {
color: #333; color : #FC1F00 !important;
font-size: 16px; font-size: 25px !important;
} }
.el-message-box__status.el-icon-error { .el-message-box__close:before {
color: #FC1F00 !important; content: "\E609";
font-size: 25px !important; }
}
.el-message-box__close:before { .el-message-box__btns,
content: "\E609"; .dialog-footer {
}
.el-message-box__btns, .el-button {
.dialog-footer { width : 76px;
height : 34px;
text-align : center;
line-height : 34px;
background : #E8ECF4;
border : 1px solid #E8ECF4;
border-radius: 2px;
color : #8391AD;
font-size : 14px;
padding : 0px;
.el-button { &:hover,
width: 76px; &:focus {
height: 34px; color : #8391AD;
text-align: center;
line-height: 34px;
background: #E8ECF4; background: #E8ECF4;
border: 1px solid #E8ECF4; border : 1px solid #E8ECF4
border-radius: 2px; }
color: #8391AD;
font-size: 14px; &.el-button--primary {
padding: 0px; border : 1px solid #1969F9;
color : #fff;
background: #1969F9;
&:hover, &:hover,
&:focus { &:focus {
color: #8391AD; color : #fff;
background: #E8ECF4;
border: 1px solid #E8ECF4
}
&.el-button--primary {
border: 1px solid #1969F9;
color: #fff;
background: #1969F9; background: #1969F9;
border : 1px solid #1969F9
&:hover,
&:focus {
color: #fff;
background: #1969F9;
border: 1px solid #1969F9
}
} }
} }
}
}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment