chenglb
/
PMS_Frontend_v1.0.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat: 继续修改antd

tags/PMS_Frontend_v1.0.6-develop
chenglb 1 year ago
parent
66ab1a63eb
commit
46aa1bd52f
8 changed files with 77 additions and 52 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 31
      public/static/css/antd.dark.min.css
  2. 14
      src/assets/css/ant-modification.scss
  3. 40
      src/assets/css/base.scss
  4. 4
      src/assets/css/common.scss
  5. 16
      src/components/FormSliderPicker/index.scss
  6. 16
      src/components/form/FormSliderPicker/index.scss
  7. 4
      src/pages/InRoadMgm/RecordInquiry/DisabledCarParkRecordTotal/index.scss
  8. 4
      src/pages/InRoadMgm/RoadMgm/ParkList/index.scss

31
public/static/css/antd.dark.min.css
View File

@ -6066,7 +6066,8 @@ a.ant-btn-sm {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
background: transparent;
/* background: transparent; */
background: #50586c;
/* border: 1px solid #434343; */ /* border: 1px solid #434343; */
border: 1px solid #666d7d; border: 1px solid #666d7d;
border-radius: 2px; border-radius: 2px;
@ -16760,7 +16761,8 @@ textarea.ant-input-number {
color: hsla(0,0%,100%,.85); color: hsla(0,0%,100%,.85);
font-size: 14px; font-size: 14px;
line-height: 1.5715; line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #50586c;
background-image: none; background-image: none;
border: 1px solid #434343; border: 1px solid #434343;
border-radius: 2px; border-radius: 2px;
@ -17076,7 +17078,8 @@ textarea.ant-input-affix-wrapper {
color: hsla(0,0%,100%,.85); color: hsla(0,0%,100%,.85);
font-size: 14px; font-size: 14px;
line-height: 1.5715; line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #50586c;
background-image: none; background-image: none;
/* border: 1px solid #434343; */ /* border: 1px solid #434343; */
border: 1px solid #666d7d; border: 1px solid #666d7d;
@ -20449,8 +20452,10 @@ textarea.ant-mentions {
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
text-align: center; text-align: center;
list-style: none; list-style: none;
background-color: transparent;
border: 1px solid #434343;
/* background-color: transparent; */
background-color: #3e4558;
/* border: 1px solid #434343; */
border: 1px solid #3e4558;
border-radius: 2px; border-radius: 2px;
outline: 0; outline: 0;
cursor: pointer; cursor: pointer;
@ -20608,8 +20613,10 @@ textarea.ant-mentions {
padding: 0; padding: 0;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
background-color: transparent;
border: 1px solid #434343;
/* background-color: transparent; */
background-color: #3e4558;
/* border: 1px solid #434343; */
border: 1px solid #3e4558;
border-radius: 2px; border-radius: 2px;
outline: none; outline: none;
transition: all .3s transition: all .3s
@ -20678,7 +20685,8 @@ textarea.ant-mentions {
color: hsla(0,0%,100%,.85); color: hsla(0,0%,100%,.85);
font-size: 14px; font-size: 14px;
line-height: 1.5715; line-height: 1.5715;
background-color: transparent;
/* background-color: transparent; */
background-color: #3e4558;
background-image: none; background-image: none;
border: 1px solid #434343; border: 1px solid #434343;
border-radius: 2px; border-radius: 2px;
@ -22654,6 +22662,13 @@ span.ant-radio+* {
transition: all .3s cubic-bezier(.645,.045,.355,1) transition: all .3s cubic-bezier(.645,.045,.355,1)
} }
.ant-pagination .ant-select-selector{
background-color: #3f4658 !important; /*add*/
}
.ant-form-item .ant-select-selector{
background-color: #50586c !important;/*add*/
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector input { .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
cursor: pointer cursor: pointer
} }

14
src/assets/css/ant-modification.scss
View File

@ -187,13 +187,13 @@
.ant-pagination-item, .ant-pagination-item,
.ant-pagination-next, .ant-pagination-next,
.ant-select { .ant-select {
background-color: var(--pagination-bg);
// background-color: var(--pagination-bg);
border-color: transparent; border-color: transparent;
.ant-pagination-item-link {
background-color: var(--pagination-bg);
border-color: transparent;
}
// .ant-pagination-item-link {
// background-color: var(--pagination-bg);
// border-color: transparent;
// }
.ant-select-selector { .ant-select-selector {
background-color: var(--pagination-bg); background-color: var(--pagination-bg);
@ -201,8 +201,8 @@
} }
.ant-pagination-item-active { .ant-pagination-item-active {
background: var(--primary-color) !important;
border-color: var(--primary-color);
// background: var(--primary-color) !important;
// border-color: var(--primary-color);
a { a {
color: var(--text-color-dark); color: var(--text-color-dark);

40
src/assets/css/base.scss
View File

@ -279,17 +279,19 @@ a {
background: var(--color-search-list-item-bg); background: var(--color-search-list-item-bg);
border-radius: 4px; border-radius: 4px;
.ant-pagination-item-link { .ant-pagination-item-link {
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
// border-color: var(--color-border); // border-color: var(--color-border);
border-width: 1px; border-width: 1px;
border-radius: 4px; border-radius: 4px;
} }
&.ant-pagination-disable {}
// &.ant-pagination-disable {
// }
} }
.ant-pagination-item { .ant-pagination-item {
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
font-size: 14px; font-size: 14px;
// border-color: var(--color-border);s // border-color: var(--color-border);s
border-width: 1px; border-width: 1px;
@ -308,10 +310,10 @@ a {
// border-color: var(--color-border); // border-color: var(--color-border);
border-width: 1px; border-width: 1px;
border-radius: 4px; border-radius: 4px;
background: var(--color-search-list-item-bg);
// background: var(--color-search-list-item-bg);
} }
&.ant-pagination-disable {}
// &.ant-pagination-disable {}
} }
.ant-pagination-options { .ant-pagination-options {
@ -319,14 +321,14 @@ a {
border-radius: 4px; border-radius: 4px;
.ant-select-selector{ .ant-select-selector{
border-radius: 4px; border-radius: 4px;
.ant-select-selection-search{
// .ant-select-selection-search{
}
// }
.ant-select-selection-item{ .ant-select-selection-item{
color: var(--color-text); color: var(--color-text);
} }
background-color: var(--color-search-list-item-bg);
border-color: var(--color-search-list-item-bd);
// background-color: var(--color-search-list-item-bg);
// border-color: var(--color-search-list-item-bd);
} }
.ant-select-dropdown{ .ant-select-dropdown{
background-color: var(--color-search-list-item-bg); background-color: var(--color-search-list-item-bg);
@ -340,8 +342,8 @@ a {
.ant-pagination-options-quick-jumper { .ant-pagination-options-quick-jumper {
input { input {
width: 40px; width: 40px;
border-color: var(--color-border);
background-color: var(--color-search-list-item-bg);
// border-color: var(--color-border);
// background-color: var(--color-search-list-item-bg);
border-radius: 4px; border-radius: 4px;
color: var(--color-search-list-item-value); color: var(--color-search-list-item-value);
} }
@ -590,7 +592,7 @@ a {
} }
.ant-input-affix-wrapper{ .ant-input-affix-wrapper{
border-color: var(--color-border) !important; border-color: var(--color-border) !important;
background: var( --color-search-list-item-bg) !important;
// background: var( --color-search-list-item-bg) !important;
} }
.search-group-item.error{ .search-group-item.error{
.cc-form-content{ .cc-form-content{
@ -620,10 +622,10 @@ a {
width: calc(100% - 274px - 10px); width: calc(100% - 274px - 10px);
} }
} }
.ant-select:not(.ant-select-customize-input) .ant-select-selector{
border-color: var(--color-border);
background: var( --color-search-list-item-bg);
}
// .ant-select:not(.ant-select-customize-input) .ant-select-selector{
// border-color: var(--color-border);
// background: var( --color-search-list-item-bg);
// }
.cc-form-select { .cc-form-select {
@ -652,10 +654,10 @@ a {
} }
} }
} }
.ant-popover-inner,.ant-picker-panel-container,.ant-select-clear,.ant-select-arrow{
// .ant-popover-inner,.ant-picker-panel-container,.ant-select-clear,.ant-select-arrow{
// background : var(--color-table-body-bg) !important; // background : var(--color-table-body-bg) !important;
background : var(--color-search-list-item-bg) !important;
}
// background : var(--color-search-list-item-bg) !important;
// }
.ant-select-clear,.ant-select-arrow{ .ant-select-clear,.ant-select-arrow{
color:var(--color-text) !important; color:var(--color-text) !important;
} }

4
src/assets/css/common.scss
View File

@ -10,9 +10,9 @@
.pagination-common { .pagination-common {
color: var(--color-pagination-title); color: var(--color-pagination-title);
.ant-pagination-options-quick-jumper input { .ant-pagination-options-quick-jumper input {
background-color: var(--color-search-list-item-bg);
// background-color: var(--color-search-list-item-bg);
border-color: var(--color-search-list-item-bd); border-color: var(--color-search-list-item-bd);
opacity: 0.8;
// opacity: 0.8;
} }
.ant-select .ant-select-selector { .ant-select .ant-select-selector {
background-color: var(--color-search-list-item-bg); background-color: var(--color-search-list-item-bg);

16
src/components/FormSliderPicker/index.scss
View File

@ -11,8 +11,8 @@ $high:var(--color-mark-text);
.yisa-date-picker { .yisa-date-picker {
border-radius: 4px; border-radius: 4px;
width: 120px; width: 120px;
background-color: $input-bg;
border-color: $input-border;
// background-color: $input-bg;
// border-color: $input-border;
color: $text; color: $text;
.ant-picker-suffix { .ant-picker-suffix {
color: $text; color: $text;
@ -54,8 +54,10 @@ $high:var(--color-mark-text);
flex: 1; flex: 1;
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
background-color: #50586c;
border: 1px solid #666d7d;
color: $text; color: $text;
border-radius: 4px; border-radius: 4px;
transition: all 0.3s; transition: all 0.3s;
@ -148,8 +150,10 @@ $high:var(--color-mark-text);
flex: 1; flex: 1;
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
background-color: #50586c;
border: 1px solid #666d7d;
color: $text; color: $text;
border-radius: 4px; border-radius: 4px;
transition: all 0.3s; transition: all 0.3s;

16
src/components/form/FormSliderPicker/index.scss
View File

@ -12,8 +12,8 @@ $high:var(--color-mark-text);
.yisa-date-picker { .yisa-date-picker {
border-radius: 4px; border-radius: 4px;
width: 120px; width: 120px;
background-color: $input-bg;
border-color: $input-border;
// background-color: $input-bg;
// border-color: $input-border;
color: $text; color: $text;
.ant-picker-suffix { .ant-picker-suffix {
color: $text; color: $text;
@ -57,8 +57,10 @@ $high:var(--color-mark-text);
flex: 1; flex: 1;
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
border: 1px solid #666d7d;
background-color: #50586c;
color: $text; color: $text;
border-radius: 4px; border-radius: 4px;
transition: all 0.3s; transition: all 0.3s;
@ -151,8 +153,10 @@ $high:var(--color-mark-text);
margin-left: 5px; margin-left: 5px;
display: flex; display: flex;
align-items: center; align-items: center;
border: 1px solid $input-border;
background-color: $input-bg;
// border: 1px solid $input-border;
// background-color: $input-bg;
border: 1px solid #666d7d;
background-color: #50586c;
color: $text; color: $text;
border-radius: 4px; border-radius: 4px;
transition: all 0.3s; transition: all 0.3s;

4
src/pages/InRoadMgm/RecordInquiry/DisabledCarParkRecordTotal/index.scss
View File

@ -157,8 +157,8 @@ $color-primary: var(--color-primary);
.ant-picker { .ant-picker {
width: 100%; width: 100%;
background-color: var(--color-search-list-item-bg);
border-color: var(--color-border);
// background-color: var(--color-search-list-item-bg);
// border-color: var(--color-border);
} }
.yisa-table { .yisa-table {

4
src/pages/InRoadMgm/RoadMgm/ParkList/index.scss
View File

@ -68,7 +68,7 @@ $color-primary: var(--color-primary);
input { input {
width: 100%; width: 100%;
border-color: var(--color-border); border-color: var(--color-border);
background-color: var(--color-search-list-item-bg);
// background-color: var(--color-search-list-item-bg);
border-radius: 4px; border-radius: 4px;
color: var(--color-search-list-item-value); color: var(--color-search-list-item-value);
} }
@ -142,7 +142,7 @@ $color-primary: var(--color-primary);
} }
} }
.ant-select-selector { .ant-select-selector {
background-color: var(--color-search-list-item-bg) !important;
// background-color: var(--color-search-list-item-bg) !important;
box-shadow: none !important; box-shadow: none !important;
border-radius: 4px; border-radius: 4px;
color: var(--color-search-list-item-value); color: var(--color-search-list-item-value);

Write Preview
Loading…
Cancel
Save