Showing
2 changed files
with
28 additions
and
20 deletions
| @@ -210,22 +210,24 @@ | @@ -210,22 +210,24 @@ | ||
| 210 | <div class="senior-sub-wrap"> | 210 | <div class="senior-sub-wrap"> |
| 211 | {{#each seniorChose}} | 211 | {{#each seniorChose}} |
| 212 | <div class="senior-sub hide" data-attr="{{attr}}"> | 212 | <div class="senior-sub hide" data-attr="{{attr}}"> |
| 213 | - {{#if showMulti}} | ||
| 214 | - <span class="multi-select">多选 +</span> | ||
| 215 | - {{/if}} | ||
| 216 | - <ul class="clearfix check-container"> | ||
| 217 | - {{#each sub}} | ||
| 218 | - <li class="attr {{#if checked}}checked{{/if}}"> | ||
| 219 | - <a href="{{href}}"> | ||
| 220 | - <span class="iconfont checkbox" data-id="{{id}}"></span> | ||
| 221 | - <span>{{name}}</span> | ||
| 222 | - </a> | ||
| 223 | - </li> | ||
| 224 | - {{/each}} | ||
| 225 | - </ul> | ||
| 226 | - <div class="btns"> | ||
| 227 | - <button class="multi-select-ok dis">确定</button> | ||
| 228 | - <button class="multi-select-cancel">取消</button> | 213 | + <div class="senior-content"> |
| 214 | + {{#if showMulti}} | ||
| 215 | + <span class="multi-select">多选 +</span> | ||
| 216 | + {{/if}} | ||
| 217 | + <ul class="clearfix check-container"> | ||
| 218 | + {{#each sub}} | ||
| 219 | + <li class="attr {{#if checked}}checked{{/if}}"> | ||
| 220 | + <a href="{{href}}"> | ||
| 221 | + <span class="iconfont checkbox" data-id="{{id}}"></span> | ||
| 222 | + <span>{{name}}</span> | ||
| 223 | + </a> | ||
| 224 | + </li> | ||
| 225 | + {{/each}} | ||
| 226 | + </ul> | ||
| 227 | + <div class="btns"> | ||
| 228 | + <button class="multi-select-ok dis">确定</button> | ||
| 229 | + <button class="multi-select-cancel">取消</button> | ||
| 230 | + </div> | ||
| 229 | </div> | 231 | </div> |
| 230 | </div> | 232 | </div> |
| 231 | {{/each}} | 233 | {{/each}} |
| @@ -293,7 +293,6 @@ | @@ -293,7 +293,6 @@ | ||
| 293 | 293 | ||
| 294 | .senior { | 294 | .senior { |
| 295 | padding-bottom: 6px; | 295 | padding-bottom: 6px; |
| 296 | - padding-right: 0; | ||
| 297 | 296 | ||
| 298 | .attr-content { | 297 | .attr-content { |
| 299 | position: relative; | 298 | position: relative; |
| @@ -306,6 +305,8 @@ | @@ -306,6 +305,8 @@ | ||
| 306 | 305 | ||
| 307 | .senior-attr-wrap > .attr:hover, | 306 | .senior-attr-wrap > .attr:hover, |
| 308 | .senior-attr-wrap > .attr.hover { | 307 | .senior-attr-wrap > .attr.hover { |
| 308 | + font-weight: bold; | ||
| 309 | + | ||
| 309 | > .iconfont { | 310 | > .iconfont { |
| 310 | visibility: hidden; | 311 | visibility: hidden; |
| 311 | } | 312 | } |
| @@ -318,13 +319,13 @@ | @@ -318,13 +319,13 @@ | ||
| 318 | .senior-sub { | 319 | .senior-sub { |
| 319 | box-sizing: border-box; | 320 | box-sizing: border-box; |
| 320 | position: absolute; | 321 | position: absolute; |
| 321 | - padding: 15px 0 15px 91px; | 322 | + padding: 0 15px 15px 91px; |
| 322 | left: -91px; | 323 | left: -91px; |
| 323 | - right: -1px; | 324 | + right: -16px; |
| 324 | top: 39px; | 325 | top: 39px; |
| 325 | background: #fff; | 326 | background: #fff; |
| 326 | border: 1px solid #dfdfdf; | 327 | border: 1px solid #dfdfdf; |
| 327 | - border-top-color: #eaeceb; | 328 | + border-top: 0; |
| 328 | z-index: 2; | 329 | z-index: 2; |
| 329 | 330 | ||
| 330 | ul { | 331 | ul { |
| @@ -342,6 +343,11 @@ | @@ -342,6 +343,11 @@ | ||
| 342 | } | 343 | } |
| 343 | } | 344 | } |
| 344 | 345 | ||
| 346 | + .senior-content { | ||
| 347 | + padding-top: 15px; | ||
| 348 | + border-top: 1px solid #eaeceb; | ||
| 349 | + } | ||
| 350 | + | ||
| 345 | .senior-up-icon { | 351 | .senior-up-icon { |
| 346 | position: relative; | 352 | position: relative; |
| 347 | width: 100%; | 353 | width: 100%; |
-
Please register or login to post a comment