陈裕财
2 years ago
2 changed files with 0 additions and 413 deletions
@ -1,412 +0,0 @@ |
|||||
//main-container全局样式 |
|
||||
|
|
||||
.page-full-height{ |
|
||||
height: calc(100vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-95{ |
|
||||
height: calc(95vh); |
|
||||
} |
|
||||
.page-height-85{ |
|
||||
height: calc(85vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-75{ |
|
||||
height: calc(75vh); |
|
||||
} |
|
||||
.page-height-65{ |
|
||||
height: calc(65vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-55{ |
|
||||
height: calc(55vh); |
|
||||
} |
|
||||
.page-height-45{ |
|
||||
height: calc(45vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-35{ |
|
||||
height: calc(35vh); |
|
||||
} |
|
||||
.page-height-25{ |
|
||||
height: calc(25vh); |
|
||||
} |
|
||||
.page-height-15{ |
|
||||
|
|
||||
height: calc(15vh); |
|
||||
|
|
||||
} |
|
||||
.page-height-90{ |
|
||||
height: calc(90vh); |
|
||||
} |
|
||||
.page-height-80{ |
|
||||
height: calc(80vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-70{ |
|
||||
height: calc(70vh); |
|
||||
} |
|
||||
.page-height-60{ |
|
||||
height: calc(60vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-50{ |
|
||||
height: calc(50vh); |
|
||||
} |
|
||||
.page-height-40{ |
|
||||
height: calc(40vh); |
|
||||
} |
|
||||
|
|
||||
.page-height-30{ |
|
||||
height: calc(30vh); |
|
||||
} |
|
||||
.page-height-20{ |
|
||||
height: calc(20vh); |
|
||||
} |
|
||||
.page-height-10{ |
|
||||
|
|
||||
height: calc(10vh); |
|
||||
|
|
||||
} |
|
||||
.page-height-5{ |
|
||||
|
|
||||
height: calc(5vh); |
|
||||
|
|
||||
} |
|
||||
.page-container { |
|
||||
overflow: auto; |
|
||||
.page-tips{ |
|
||||
position:absolute; |
|
||||
font-size: 16px; |
|
||||
bottom: 0px; |
|
||||
color: red; |
|
||||
padding-left: 10px; |
|
||||
flex: 0 0 auto; |
|
||||
display: flex; |
|
||||
flex-direction: row; |
|
||||
justify-content: flex-start; |
|
||||
align-items: center; |
|
||||
overflow-x: hidden; |
|
||||
} |
|
||||
.page-header{ |
|
||||
overflow: auto; |
|
||||
} |
|
||||
.page-main{ |
|
||||
overflow: auto; |
|
||||
} |
|
||||
.page-bottom{ |
|
||||
overflow: auto; |
|
||||
} |
|
||||
} |
|
||||
.overflow-auto{ |
|
||||
overflow: auto; |
|
||||
} |
|
||||
.overflow-x-auto{ |
|
||||
overflow-x: auto; |
|
||||
} |
|
||||
.overflow-y-auto{ |
|
||||
overflow-y: auto; |
|
||||
} |
|
||||
.overflow-hidden{ |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
.border{ |
|
||||
border: 1px solid #e8e8e8; |
|
||||
} |
|
||||
.padding-20{ |
|
||||
padding:40px; |
|
||||
} |
|
||||
.padding{ |
|
||||
padding:10px; |
|
||||
} |
|
||||
.padding-top{ |
|
||||
padding-top: 10px; |
|
||||
} |
|
||||
.padding-bottom{ |
|
||||
padding-bottom: 10px; |
|
||||
} |
|
||||
.padding-left{ |
|
||||
padding-left: 10px; |
|
||||
} |
|
||||
.border-top{ |
|
||||
border-top: 1px solid #e8e8e8; |
|
||||
} |
|
||||
.border-bottom{ |
|
||||
border-bottom: 1px solid #e8e8e8; |
|
||||
} |
|
||||
.padding-right{ |
|
||||
padding-right: 10px; |
|
||||
} |
|
||||
.input-width{ |
|
||||
width:270px; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
更多按钮 |
|
||||
**/ |
|
||||
.more-filter { |
|
||||
margin: 20px 0px; |
|
||||
padding-left: 10px; |
|
||||
padding-right: 10px; |
|
||||
font{ |
|
||||
text-align: center; |
|
||||
float: left; |
|
||||
height: 28px; |
|
||||
line-height: 28px; |
|
||||
margin-right: 10px; |
|
||||
margin-top: 2px; |
|
||||
} |
|
||||
.el-row { |
|
||||
padding-top: 10px; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
|
|
||||
.more-label-font { |
|
||||
|
|
||||
height: 32px; |
|
||||
line-height: 32px; |
|
||||
text-align: left; |
|
||||
float: left; |
|
||||
min-width: 100px; |
|
||||
} |
|
||||
|
|
||||
.tips{ |
|
||||
position:absolute; |
|
||||
font-size: 14px; |
|
||||
bottom: -10px; |
|
||||
color: red; |
|
||||
padding-left: 10px; |
|
||||
flex: 0 0 auto; |
|
||||
display: flex; |
|
||||
flex-direction: row; |
|
||||
justify-content: flex-start; |
|
||||
align-items: bottom; |
|
||||
overflow-x: hidden; |
|
||||
} |
|
||||
.center{ |
|
||||
text-align: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width: 95vw; |
|
||||
} |
|
||||
//富文本必须放在全局，否则不起作用 |
|
||||
.rich-context{ |
|
||||
padding-left: 5px; |
|
||||
padding-right: 5px; |
|
||||
overflow: hidden; |
|
||||
} |
|
||||
.rich-context img{ |
|
||||
max-width: 100%; |
|
||||
object-fit: scale-down; |
|
||||
} |
|
||||
|
|
||||
.el-table .current-row > td { |
|
||||
background: #a9d6f0 !important; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
模拟鼠标经过描点样式 |
|
||||
*/ |
|
||||
.vlink:hover{ |
|
||||
text-decoration:none; |
|
||||
color: blue; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
|
|
||||
/*1.显示滚动条：当内容超出容器的时候，可以拖动：*/ |
|
||||
.el-drawer__body { |
|
||||
overflow: auto; |
|
||||
/* overflow-x: auto; */ |
|
||||
} |
|
||||
|
|
||||
.tool-bar{ |
|
||||
visibility: hidden; |
|
||||
float: right; |
|
||||
} |
|
||||
|
|
||||
table tr:hover{ |
|
||||
.tool-bar{ |
|
||||
visibility: visible; |
|
||||
.u-btn{ |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
table tr.hover-row{ |
|
||||
.tool-bar{ |
|
||||
visibility: visible; |
|
||||
.u-btn{ |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.cell-bar{ |
|
||||
display: none; |
|
||||
float: right; |
|
||||
} |
|
||||
|
|
||||
.el-table__row td:hover{ |
|
||||
cursor: pointer; |
|
||||
.cell-bar{ |
|
||||
display: inline; |
|
||||
.u-btn{ |
|
||||
float: right; |
|
||||
} |
|
||||
} |
|
||||
.cell-text{ |
|
||||
display:none; |
|
||||
} |
|
||||
} |
|
||||
/** |
|
||||
*解决表格固定列无法滚动问题 |
|
||||
*/ |
|
||||
.el-table { |
|
||||
.el-table__fixed { |
|
||||
height:auto !important; |
|
||||
bottom:17px !important; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.icon { |
|
||||
color: #fff; |
|
||||
height: 20px; |
|
||||
width: 20px; |
|
||||
border-radius: 15px; |
|
||||
text-align: center; |
|
||||
line-height: 20px; |
|
||||
font-size: 14px; |
|
||||
display: inline-block; |
|
||||
margin-right: 5px; |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
*解决项目、产品视图顶部左边图标不居中的问题 |
|
||||
*/ |
|
||||
.el-menu-item .top-icon > [class^=el-icon-] { |
|
||||
margin-right: 0px !important; |
|
||||
} |
|
||||
|
|
||||
.label-font-color{ |
|
||||
color: #C0C4CC; |
|
||||
} |
|
||||
|
|
||||
.title-font-size{ |
|
||||
font-size:28px; |
|
||||
} |
|
||||
|
|
||||
.big-icon { |
|
||||
color: #fff; |
|
||||
height: 36px; |
|
||||
width: 36px; |
|
||||
border-radius: 36px; |
|
||||
text-align: center; |
|
||||
line-height: 36px; |
|
||||
font-size: 18px; |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.icon { |
|
||||
border-radius: 20px; |
|
||||
color: #fff; |
|
||||
display: inline-block; |
|
||||
font-size: 14px; |
|
||||
height: 20px; |
|
||||
line-height: 20px; |
|
||||
margin-right: 5px; |
|
||||
text-align: center; |
|
||||
width: 20px; |
|
||||
} |
|
||||
|
|
||||
/*此处根据不同屏幕分配率显示不同的样式*/ |
|
||||
/*手机端*/ |
|
||||
@media only screen and (min-width: 0px) and (max-width: 768px) { |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width: 95vw; |
|
||||
} |
|
||||
} |
|
||||
/*ipad*/ |
|
||||
@media only screen and (min-width: 768px) and (max-width: 992px) { |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width: 95vw; |
|
||||
} |
|
||||
} |
|
||||
/*ipadpro*/ |
|
||||
@media only screen and (min-width: 992px) and (max-width: 1200px) { |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width: 95vw; |
|
||||
} |
|
||||
} |
|
||||
/*笔记本*/ |
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1920px) { |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width: 90vw; |
|
||||
} |
|
||||
} |
|
||||
/*台式电脑*/ |
|
||||
@media only screen and (min-width: 1920px) { |
|
||||
.page-center{ |
|
||||
margin:0 auto; |
|
||||
max-width:80vw; |
|
||||
} |
|
||||
} |
|
||||
.el-dialog { |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
margin: 0 !important; |
|
||||
position: absolute; |
|
||||
top: 50%; |
|
||||
left: 50%; |
|
||||
transform: translate(-50%, -50%); |
|
||||
} |
|
||||
|
|
||||
.el-dialog .el-dialog__body { |
|
||||
flex: 1; |
|
||||
overflow: auto; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
:root{ |
|
||||
--footer-height: 50px; |
|
||||
} |
|
||||
|
|
||||
.footer{ |
|
||||
text-align: right; |
|
||||
position: fixed; |
|
||||
bottom: 0; |
|
||||
margin-top:10px; |
|
||||
width: 100%; |
|
||||
right: 50px; |
|
||||
line-height: var(--footer-height); |
|
||||
color: #fff; |
|
||||
} |
|
||||
.avatar-container { |
|
||||
height: 50px; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
.avatar-wrapper { |
|
||||
cursor: pointer; |
|
||||
display: flex; |
|
||||
flex-direction: row; |
|
||||
align-items: center; |
|
||||
.user-avatar { |
|
||||
height: 34px; |
|
||||
width: 34px; |
|
||||
border-radius: 50%; |
|
||||
margin-right: 12px; |
|
||||
} |
|
||||
.username{ |
|
||||
color: #7D7D7D; |
|
||||
font-size: 18px; |
|
||||
margin-right: 2px; |
|
||||
} |
|
||||
.el-icon-caret-bottom { |
|
||||
font-size: 22px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue