mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-09 19:06:45 +08:00
268 lines
6.0 KiB
SCSS
268 lines
6.0 KiB
SCSS
html,
|
||
body {
|
||
height: 100vh;
|
||
margin: 0;
|
||
padding: 0;
|
||
// overflow-y: auto;
|
||
}
|
||
//隐藏滚动条----------------------------------------------------------------
|
||
div::-webkit-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
div::-moz-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
div::-o-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
body::-webkit-scrollbar {
|
||
display: none !important;;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
body::-moz-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
body::-o-scrollbar {
|
||
display: none !important;
|
||
width: 0 !important;
|
||
height: 0 !important;
|
||
}
|
||
//隐藏滚动条----------------------------------------------------------------
|
||
|
||
//禁止选中----------------------------------------------------------
|
||
*{
|
||
-webkit-touch-callout:none; /*系统默认菜单被禁用*/
|
||
-webkit-user-select:none; /*webkit浏览器*/
|
||
-khtml-user-select:none; /*早期浏览器*/
|
||
-moz-user-select:none;/*火狐*/
|
||
-ms-user-select:none; /*IE10*/
|
||
user-select:none;
|
||
}
|
||
input{
|
||
-webkit-user-select:auto; /*webkit浏览器*/
|
||
}
|
||
textarea{
|
||
-webkit-user-select:auto; /*webkit浏览器*/
|
||
}
|
||
//禁止选中----------------------------------------------------------
|
||
|
||
// 下拉框----------------------------------------------------------
|
||
.select .ant-select-selector{
|
||
height: 40px !important;
|
||
border-radius: 8px !important;
|
||
border: 1px solid #C7CBD2 !important;
|
||
}
|
||
.select .ant-select-selector .ant-select-selection-search-input{
|
||
height: 40px !important;
|
||
}
|
||
.select .ant-select-selection-item,.select .ant-select-selection-placeholder{
|
||
line-height: 40px !important;
|
||
}
|
||
//日期选择框
|
||
.select .ant-picker{
|
||
height: 40px !important;
|
||
border-radius: 8px !important;
|
||
border: 1px solid #C7CBD2 !important;
|
||
}
|
||
// 下拉框----------------------------------------------------------
|
||
|
||
|
||
// 表格---------------------------------
|
||
.tableBox{
|
||
.ant-table-row .ant-table-cell{
|
||
height: 48px ;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #4F5156;
|
||
line-height: 36px;
|
||
padding:0px ;
|
||
// overflow: hidden;
|
||
}
|
||
.ant-table-row-expand-icon{
|
||
top: 3px !important;
|
||
float:none;
|
||
position: relative;
|
||
// left: 50px;
|
||
// display: inline-block;
|
||
}
|
||
.ant-pagination-item-link {
|
||
border-radius: 8px !important;
|
||
}
|
||
.ant-pagination-item {
|
||
border-radius: 8px !important;
|
||
a {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #818a92;
|
||
}
|
||
}
|
||
.ant-pagination-item-active {
|
||
background-color: rgba(64, 158, 255, 1);
|
||
a {
|
||
color: rgba(255, 255, 255, 1);
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
}
|
||
}
|
||
.ant-select-selection-item {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #818a92;
|
||
}
|
||
.ant-pagination-options-quick-jumper {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #818a92;
|
||
}
|
||
.ant-pagination-options {
|
||
// .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{
|
||
// font-size: 14px;
|
||
// font-weight: 400;
|
||
// color: #818a92;
|
||
// }
|
||
.ant-select-single.ant-select-open .ant-select-selection-item{
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #818a92;
|
||
}
|
||
.ant-select:not(.ant-select-customize-input) .ant-select-selector{
|
||
border-radius: 8px !important;
|
||
}
|
||
.ant-select-selection-item{
|
||
padding-right: 0px !important;
|
||
}
|
||
.ant-select-arrow{
|
||
display: none;
|
||
}
|
||
.ant-select-dropdown{
|
||
display: none;
|
||
}
|
||
}
|
||
}
|
||
// 表格---------------------------------
|
||
//表格下拉框-------------------------------------------
|
||
.tableSelect {
|
||
margin-left: 21px;
|
||
display: inline-block;
|
||
.ant-select:not(.ant-select-customize-input)
|
||
.ant-select-selector
|
||
.ant-select-selection-search-input {
|
||
background-color: rgba(255, 255, 255, 0);
|
||
border: none;
|
||
}
|
||
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
||
background-color: rgba(255, 255, 255, 0);
|
||
border: none;
|
||
}
|
||
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
|
||
padding: 0;
|
||
}
|
||
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input)
|
||
.ant-select-selector {
|
||
box-shadow: none;
|
||
}
|
||
.ant-select-arrow {
|
||
right: 0px;
|
||
color: rgba(0, 0, 0, 0.8);
|
||
font-size: 14px;
|
||
line-height: 36px;
|
||
// top: 17px;
|
||
top:14px;
|
||
}
|
||
.ant-select-selection-item {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #4ea6ff;
|
||
line-height: 36px;
|
||
}
|
||
.ant-select-single.ant-select-open .ant-select-selection-item{
|
||
color: #4ea6ff;
|
||
}
|
||
}
|
||
.tabledropdown {
|
||
width: 100px !important;
|
||
}
|
||
//表格下拉框-------------------------------------------
|
||
|
||
//抽屉--------------------------------------------------------
|
||
.drawerStyle {
|
||
.ant-drawer-content-wrapper {
|
||
max-width: 1050px;
|
||
.ant-drawer-header {
|
||
display: none !important;
|
||
}
|
||
.ant-drawer-body {
|
||
padding: 0;
|
||
}
|
||
}
|
||
.drawerMain {
|
||
min-width: 700px;
|
||
margin: 0px 32px 0px 32px;
|
||
overflow-x: scroll;
|
||
display: flex;
|
||
flex-direction: column;
|
||
height: 100%;
|
||
.contentMain {
|
||
flex: 1;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
}}
|
||
//抽屉--------------------------------------------------------
|
||
|
||
//弹窗--------------------------------------------------------
|
||
.modalStyle {
|
||
height: 100%;
|
||
.ant-modal {
|
||
height: calc(100% - 200px);
|
||
background-color: rgba(255, 255, 255, 1);
|
||
// overflow-y: scroll;
|
||
min-width: 900px;
|
||
max-width: 1300px;
|
||
padding: 0;
|
||
.ant-modal-content {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.ant-modal-body {
|
||
width: 100%;
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.ant-modal-header {
|
||
display: none;
|
||
}
|
||
.ant-modal-body {
|
||
padding: 0px;
|
||
}
|
||
.modalHeader {
|
||
width: 100%;
|
||
height: 68px;
|
||
background: linear-gradient(
|
||
0deg,
|
||
rgba(78, 166, 255, 0) 0%,
|
||
rgba(78, 166, 255, 0.2) 100%
|
||
);
|
||
}
|
||
.modalMain {
|
||
height: 0px;
|
||
flex: 1 1 auto;
|
||
overflow-y: scroll;
|
||
margin-top: 7px;
|
||
margin: 0px 52px;
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
//弹窗-------------------------------------------------------- |