fixed: 个人中心头像错位和品牌收藏数量未显示
Showing
1 changed file
with
23 additions
and
7 deletions
1 | <template> | 1 | <template> |
2 | -<div> | 2 | +<div :class="{'fix-ios-top': needFix}"> |
3 | <cheader title="我的" class="ghost" fixed ref="header"> | 3 | <cheader title="我的" class="ghost" fixed ref="header"> |
4 | <i slot="left"></i> | 4 | <i slot="left"></i> |
5 | </cheader> | 5 | </cheader> |
6 | + <div class="fix-top-space" v-if="needFix"></div> | ||
6 | <div class="my-header" v-if="data.nickName"> | 7 | <div class="my-header" v-if="data.nickName"> |
7 | <a class="user-info auth" id="user-info" href='/me/mydetails'> | 8 | <a class="user-info auth" id="user-info" href='/me/mydetails'> |
8 | <img class="user-avatar" :src="headIco" @error="setEmptyimg"> | 9 | <img class="user-avatar" :src="headIco" @error="setEmptyimg"> |
@@ -140,7 +141,8 @@ | @@ -140,7 +141,8 @@ | ||
140 | floorImgH: 0, | 141 | floorImgH: 0, |
141 | floorHeight: 0, | 142 | floorHeight: 0, |
142 | isShowChannel: false, | 143 | isShowChannel: false, |
143 | - curChannel: channelLabel[+cookie.get('_ChannelIndex')] || 'MEN' | 144 | + curChannel: channelLabel[+cookie.get('_ChannelIndex')] || 'MEN', |
145 | + needFix: yoho.isiOS | ||
144 | }; | 146 | }; |
145 | }, | 147 | }, |
146 | components: { | 148 | components: { |
@@ -343,6 +345,19 @@ | @@ -343,6 +345,19 @@ | ||
343 | </script> | 345 | </script> |
344 | 346 | ||
345 | <style> | 347 | <style> |
348 | + .fix-ios-top { | ||
349 | + padding-top: 30px; | ||
350 | + | ||
351 | + .fix-top-space { | ||
352 | + position: fixed; | ||
353 | + top: 0; | ||
354 | + left: 0; | ||
355 | + right: 0; | ||
356 | + height: 30px; | ||
357 | + background: #fff; | ||
358 | + } | ||
359 | + } | ||
360 | + | ||
346 | .my-page { | 361 | .my-page { |
347 | color: #444; | 362 | color: #444; |
348 | background: #f0f0f0; | 363 | background: #f0f0f0; |
@@ -378,9 +393,9 @@ | @@ -378,9 +393,9 @@ | ||
378 | } | 393 | } |
379 | 394 | ||
380 | .user-info { | 395 | .user-info { |
381 | - float: left; | 396 | + display: block; |
382 | position: relative; | 397 | position: relative; |
383 | - top: 56px; | 398 | + top: 40px; |
384 | color: #000; | 399 | color: #000; |
385 | font-size: 34px; | 400 | font-size: 34px; |
386 | height: 190px; | 401 | height: 190px; |
@@ -400,10 +415,11 @@ | @@ -400,10 +415,11 @@ | ||
400 | } | 415 | } |
401 | 416 | ||
402 | .account-mg { | 417 | .account-mg { |
403 | - display: inline-block; | ||
404 | - position: relative; | ||
405 | - top: 10px; | 418 | + position: absolute; |
419 | + right: 0; | ||
420 | + top: 0; | ||
406 | font-size: 32px; | 421 | font-size: 32px; |
422 | + line-height: 190px; | ||
407 | 423 | ||
408 | .icon-right { | 424 | .icon-right { |
409 | margin-left: 10px; | 425 | margin-left: 10px; |
-
Please register or login to post a comment