Commit f534f2707d919f759851a97f65561000a61f37d8
1 parent
842ce8ce
搜索页面，搜索框边框UI Bug修复~
Showing
1 changed file
with
8 additions
and
3 deletions
src/components/searchCom/searchCom.less
| @@ -17,10 +17,13 @@ | @@ -17,10 +17,13 @@ | ||
| 17 | display: flex; | 17 | display: flex; |
| 18 | justify-content: space-between; | 18 | justify-content: space-between; |
| 19 | align-items: center; | 19 | align-items: center; |
| 20 | + background-color: transparent; | ||
| 20 | width: 600px; | 21 | width: 600px; |
| 21 | border: 3px solid #f9f9ff; | 22 | border: 3px solid #f9f9ff; |
| 22 | border-radius: 32px; | 23 | border-radius: 32px; |
| 24 | + overflow: hidden; | ||
| 23 | .left-box { | 25 | .left-box { |
| 26 | + width: 544px; | ||
| 24 | .search-form { | 27 | .search-form { |
| 25 | display: flex; | 28 | display: flex; |
| 26 | align-items: center; | 29 | align-items: center; |
| @@ -37,8 +40,9 @@ | @@ -37,8 +40,9 @@ | ||
| 37 | .line { | 40 | .line { |
| 38 | background-color: #858585; | 41 | background-color: #858585; |
| 39 | margin-right: 20px; | 42 | margin-right: 20px; |
| 40 | - width: 1px; | 43 | + width: 0; |
| 41 | height: 22px; | 44 | height: 22px; |
| 45 | + border-left: 1px solid #858585; | ||
| 42 | } | 46 | } |
| 43 | .input-box { | 47 | .input-box { |
| 44 | width: 440px; | 48 | width: 440px; |
| @@ -64,8 +68,9 @@ | @@ -64,8 +68,9 @@ | ||
| 64 | } | 68 | } |
| 65 | } | 69 | } |
| 66 | .right-box { | 70 | .right-box { |
| 71 | + width: 46px; | ||
| 67 | .clear-input-box { | 72 | .clear-input-box { |
| 68 | - margin-right: 20px; | 73 | + // margin-right: 20px; |
| 69 | width: 26px; | 74 | width: 26px; |
| 70 | height: 26px; | 75 | height: 26px; |
| 71 | .clear-input-img { | 76 | .clear-input-img { |
| @@ -75,10 +80,9 @@ | @@ -75,10 +80,9 @@ | ||
| 75 | } | 80 | } |
| 76 | } | 81 | } |
| 77 | } | 82 | } |
| 78 | - | ||
| 79 | } | 83 | } |
| 80 | .buttons-box { | 84 | .buttons-box { |
| 81 | 85 | ||
| 82 | } | 86 | } |
| 83 | } | 87 | } |
| 84 | -} | 88 | -} |
| 89 | +} | ||
| 85 | \ No newline at end of file | 90 | \ No newline at end of file |