Authored by 李奇

fixed: 个人中心头像错位和品牌收藏数量未显示

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;