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 | 17 | display: flex; |
| 18 | 18 | justify-content: space-between; |
| 19 | 19 | align-items: center; |
| 20 | + background-color: transparent; | |
| 20 | 21 | width: 600px; |
| 21 | 22 | border: 3px solid #f9f9ff; |
| 22 | 23 | border-radius: 32px; |
| 24 | + overflow: hidden; | |
| 23 | 25 | .left-box { |
| 26 | + width: 544px; | |
| 24 | 27 | .search-form { |
| 25 | 28 | display: flex; |
| 26 | 29 | align-items: center; |
| ... | ... | @@ -37,8 +40,9 @@ |
| 37 | 40 | .line { |
| 38 | 41 | background-color: #858585; |
| 39 | 42 | margin-right: 20px; |
| 40 | - width: 1px; | |
| 43 | + width: 0; | |
| 41 | 44 | height: 22px; |
| 45 | + border-left: 1px solid #858585; | |
| 42 | 46 | } |
| 43 | 47 | .input-box { |
| 44 | 48 | width: 440px; |
| ... | ... | @@ -64,8 +68,9 @@ |
| 64 | 68 | } |
| 65 | 69 | } |
| 66 | 70 | .right-box { |
| 71 | + width: 46px; | |
| 67 | 72 | .clear-input-box { |
| 68 | - margin-right: 20px; | |
| 73 | + // margin-right: 20px; | |
| 69 | 74 | width: 26px; |
| 70 | 75 | height: 26px; |
| 71 | 76 | .clear-input-img { |
| ... | ... | @@ -75,10 +80,9 @@ |
| 75 | 80 | } |
| 76 | 81 | } |
| 77 | 82 | } |
| 78 | - | |
| 79 | 83 | } |
| 80 | 84 | .buttons-box { |
| 81 | 85 | |
| 82 | 86 | } |
| 83 | 87 | } |
| 84 | 88 | -} |
| 89 | +} | |
| 85 | 90 | \ No newline at end of file | ... | ... |