libaogang
1 year ago
37 changed files with 2593 additions and 2409 deletions
|
Before Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 3.4 KiB |
@ -0,0 +1,112 @@ |
|||
/* 改变 icon 字体路径变量，必需 */ |
|||
$--font-path: '~element-ui/lib/theme-chalk/fonts'; |
|||
|
|||
// 文字 |
|||
$--font-family: Microsoft YaHei, 'Avenir', Helvetica, Arial, sans-serif; |
|||
@import "thems"; |
|||
@import "~element-ui/packages/theme-chalk/src/index"; |
|||
|
|||
.el-message { |
|||
z-index: 99999999 !important; |
|||
background: #fff !important; |
|||
box-shadow: 0 4px 12px 0 rgb(0 0 0 / 15%); |
|||
border: none !important; |
|||
min-width: unset !important; |
|||
border-radius: 3px !important; |
|||
padding: 14px 18px 14px 16px !important; |
|||
|
|||
.el-message__content { |
|||
color: #000 !important; |
|||
} |
|||
} |
|||
|
|||
.el-scrollbar__thumb { |
|||
background-color: #A0A8AF !important; |
|||
} |
|||
|
|||
.el-dialog__title { |
|||
font-size: var(--im-font-size-larger); |
|||
color: var(--im-text-color); |
|||
} |
|||
|
|||
.el-dialog__header { |
|||
padding: 12px 18px !important; |
|||
|
|||
} |
|||
|
|||
.el-dialog__headerbtn { |
|||
top: 15px; |
|||
right: 20px; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.el-checkbox__inner { |
|||
border-radius: 50% !important; |
|||
} |
|||
|
|||
|
|||
.el-button--success { |
|||
//background-color: #688758 !important; |
|||
//border-color: #4cae1b !important; |
|||
} |
|||
|
|||
.el-button--danger { |
|||
//background-color: #ea4949 !important; |
|||
//border-color: #ea4949 !important; |
|||
} |
|||
|
|||
.el-button { |
|||
padding: 8px 15px !important; |
|||
} |
|||
|
|||
.el-checkbox { |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
//修改选中框的大小 |
|||
.el-checkbox__inner { |
|||
width: 16px; |
|||
height: 16px; |
|||
|
|||
//修改选中框中的对勾的大小和位置 |
|||
&::after { |
|||
height: 7px; |
|||
left: 5px; |
|||
top: 2px; |
|||
} |
|||
} |
|||
|
|||
// 修改点击文字颜色不变 |
|||
.el-checkbox__input.is-checked + .el-checkbox__label { |
|||
color: #333333; |
|||
} |
|||
|
|||
.el-checkbox__label { |
|||
line-height: 20px; |
|||
padding-left: 8px; |
|||
} |
|||
} |
|||
|
|||
.el-form-item { |
|||
margin-bottom: 15px !important; |
|||
} |
|||
|
|||
.el-input--small { |
|||
font-size: $--font-size-base; |
|||
} |
|||
|
|||
.el-input__inner { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.el-textarea__inner { |
|||
padding: 5px 10px; |
|||
font-family: $--font-family; |
|||
} |
|||
|
|||
.el-tag--mini { |
|||
height: 18px; |
|||
padding: 0 2px; |
|||
line-height: 16px; |
|||
border-radius: 2px; |
|||
} |
|||
@ -1,43 +0,0 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
html { |
|||
height: 100%; |
|||
overflow: hidden; |
|||
|
|||
} |
|||
|
|||
body { |
|||
height: 100%; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
|
|||
} |
|||
|
|||
section { |
|||
height: 100%; |
|||
} |
|||
|
|||
.el-dialog__body{ |
|||
padding: 10px 15px !important; |
|||
} |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 6px; |
|||
height: 1px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 2px; |
|||
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
-webkit-box-shadow: inset 0 0 5px transparent; |
|||
border-radius: 2px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
/*# sourceMappingURL=v-im.cssss.map */ |
|||
@ -0,0 +1,91 @@ |
|||
@charset "UTF-8"; |
|||
@import "element"; |
|||
|
|||
// im全局样式变量 |
|||
:root { |
|||
// 主色 |
|||
--im-color-primary: #{$--color-primary}; |
|||
--im-color-primary-light-1: #{$--color-primary-light-1}; |
|||
--im-color-primary-light-2: #{$--color-primary-light-2}; |
|||
--im-color-primary-light-3: #{$--color-primary-light-3}; |
|||
--im-color-primary-light-4: #{$--color-primary-light-4}; |
|||
--im-color-primary-light-5: #{$--color-primary-light-5}; |
|||
--im-color-primary-light-6: #{$--color-primary-light-6}; |
|||
--im-color-primary-light-7: #{$--color-primary-light-7}; |
|||
--im-color-primary-light-8: #{$--color-primary-light-8}; |
|||
--im-color-primary-light-9: #{$--color-primary-light-9}; |
|||
|
|||
--im-color-sucess: #{$--color-success}; |
|||
--im-color-warning: #{$--color-warning}; |
|||
--im-color-danger: #{$--color-danger}; |
|||
--im-color-info: #{$--color-info}; |
|||
|
|||
// 文字颜色 |
|||
--im-text-color: #{$--color-text-regular}; |
|||
--im-text-color-light: #999999; |
|||
--im-text-color-lighter: #C0C4CC; |
|||
|
|||
// 文字大小 |
|||
--im-font-size: #{$--font-size-base}; |
|||
--im-font-size-small: #{$--font-size-small}; |
|||
--im-font-size-smaller: #{$--font-size-extra-small}; |
|||
--im-font-size-large: #{$--font-size-medium}; |
|||
--im-font-size-larger: #{$--font-size-large}; |
|||
--im-font-family: #{$--font-family}; |
|||
|
|||
|
|||
// 边框颜色 |
|||
--im-border: 1px solid #EBEEF5; |
|||
|
|||
// 阴影 |
|||
--im-box-shadow: #{$--box-shadow-base}; |
|||
--im-box-shadow-light: #{$--box-shadow-light}; |
|||
--im-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12); |
|||
--im-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16); |
|||
|
|||
// 背景色 |
|||
--im-background: #F3F3F3; |
|||
--im-background-active: #F1F1F1; |
|||
--im-background-active-dark: #E9E9E9; |
|||
} |
|||
|
|||
html { |
|||
height: 100%; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
body { |
|||
height: 100%; |
|||
margin: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
section { |
|||
height: 100%; |
|||
} |
|||
|
|||
.el-dialog__body { |
|||
padding: 10px 20px !important; |
|||
} |
|||
|
|||
// 滚动条样式 |
|||
::-webkit-scrollbar { |
|||
width: 8px; |
|||
height: 1px; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb { |
|||
border-radius: 4px; |
|||
background: hsla(0, 0%, 73%, .5); |
|||
} |
|||
|
|||
::-webkit-scrollbar-track { |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
.search-input { |
|||
.el-input__inner { |
|||
border: unset !important; |
|||
} |
|||
|
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
// 主题色 |
|||
$--color-primary: #2830d3; |
|||
//$--color-primary: #687ff0; |
|||
//$--color-primary: #096bff; |
|||
$--font-size-base: 14px; |
|||
$--color-text-regular: #000000; |
|||
Loading…
Reference in new issue