Commit 91bcda7be990cac734235647f305c1e9eab62369
1 parent
3f11046e
修改按钮样式；
Showing
1 changed file
with
23 additions
and
9 deletions
src/components/QuickQuote/index.less
| @@ -133,7 +133,7 @@ | @@ -133,7 +133,7 @@ | ||
| 133 | flex: 0 0 25px !important; | 133 | flex: 0 0 25px !important; |
| 134 | max-width: 25px !important; | 134 | max-width: 25px !important; |
| 135 | 135 | ||
| 136 | - > label { | 136 | + >label { |
| 137 | display: flex; | 137 | display: flex; |
| 138 | width: 100%; | 138 | width: 100%; |
| 139 | align-items: center; | 139 | align-items: center; |
| @@ -156,7 +156,7 @@ | @@ -156,7 +156,7 @@ | ||
| 156 | max-width: calc(100% - 25px); | 156 | max-width: calc(100% - 25px); |
| 157 | } | 157 | } |
| 158 | 158 | ||
| 159 | - .viewStyle > .ant-col-24 { | 159 | + .viewStyle>.ant-col-24 { |
| 160 | padding-left: 100px; | 160 | padding-left: 100px; |
| 161 | } | 161 | } |
| 162 | } | 162 | } |
| @@ -207,9 +207,12 @@ | @@ -207,9 +207,12 @@ | ||
| 207 | height: auto; | 207 | height: auto; |
| 208 | display: flex; | 208 | display: flex; |
| 209 | align-items: center; | 209 | align-items: center; |
| 210 | - :global .ant-carousel .slick-dots li button { | ||
| 211 | - background-color: #000; /* 未激活时的指示器颜色 */ | 210 | + |
| 211 | + :global .ant-carousel .slick-dots li button { | ||
| 212 | + background-color: #000; | ||
| 213 | + /* 未激活时的指示器颜色 */ | ||
| 212 | } | 214 | } |
| 215 | + | ||
| 213 | :global { | 216 | :global { |
| 214 | .ant-image { | 217 | .ant-image { |
| 215 | padding: 15px; | 218 | padding: 15px; |
| @@ -249,13 +252,13 @@ | @@ -249,13 +252,13 @@ | ||
| 249 | display: flex; | 252 | display: flex; |
| 250 | position: relative; | 253 | position: relative; |
| 251 | 254 | ||
| 252 | - > div:first-child { | 255 | + >div:first-child { |
| 253 | flex: 1; | 256 | flex: 1; |
| 254 | border-right: 1px solid #d7d7d7; | 257 | border-right: 1px solid #d7d7d7; |
| 255 | } | 258 | } |
| 256 | 259 | ||
| 257 | - > div:nth-child(2) { | ||
| 258 | - > div:first-child { | 260 | + >div:nth-child(2) { |
| 261 | + >div:first-child { | ||
| 259 | display: flex; | 262 | display: flex; |
| 260 | } | 263 | } |
| 261 | } | 264 | } |
| @@ -360,6 +363,16 @@ | @@ -360,6 +363,16 @@ | ||
| 360 | justify-content: space-around; | 363 | justify-content: space-around; |
| 361 | 364 | ||
| 362 | :global { | 365 | :global { |
| 366 | + button { | ||
| 367 | + padding: 0; | ||
| 368 | + width: 16px; | ||
| 369 | + height: 16px; | ||
| 370 | + | ||
| 371 | + >span { | ||
| 372 | + font-size: 10px; | ||
| 373 | + } | ||
| 374 | + } | ||
| 375 | + | ||
| 363 | .ant-btn:nth-child(2) { | 376 | .ant-btn:nth-child(2) { |
| 364 | background-color: #53b637; | 377 | background-color: #53b637; |
| 365 | border-color: #53b637; | 378 | border-color: #53b637; |
| @@ -412,6 +425,7 @@ | @@ -412,6 +425,7 @@ | ||
| 412 | 425 | ||
| 413 | :global { | 426 | :global { |
| 414 | .ant-tree { | 427 | .ant-tree { |
| 428 | + | ||
| 415 | .ant-tree-title, | 429 | .ant-tree-title, |
| 416 | .ant-badge { | 430 | .ant-badge { |
| 417 | color: #5c6374; | 431 | color: #5c6374; |
| @@ -464,7 +478,7 @@ | @@ -464,7 +478,7 @@ | ||
| 464 | width: 16px; | 478 | width: 16px; |
| 465 | height: 16px; | 479 | height: 16px; |
| 466 | 480 | ||
| 467 | - > span { | 481 | + >span { |
| 468 | font-size: 10px; | 482 | font-size: 10px; |
| 469 | } | 483 | } |
| 470 | } | 484 | } |
| @@ -487,4 +501,4 @@ | @@ -487,4 +501,4 @@ | ||
| 487 | } | 501 | } |
| 488 | } | 502 | } |
| 489 | } | 503 | } |
| 490 | -} | 504 | -} |
| 505 | +} | ||
| 491 | \ No newline at end of file | 506 | \ No newline at end of file |