Authored by 郭成尧

Merge branch 'feature/newHome' into 'release/6.1'

个人详情地址栏样式调整



See merge request !910
@@ -4,6 +4,8 @@ @@ -4,6 +4,8 @@
4 <li><span>昵称</span><span>{{ nickname }}</span></li> 4 <li><span>昵称</span><span>{{ nickname }}</span></li>
5 <li><span>性别</span><span>{{ gender }}</span></li> 5 <li><span>性别</span><span>{{ gender }}</span></li>
6 <li><span>生日</span><span>{{ birthday }}</span></li> 6 <li><span>生日</span><span>{{ birthday }}</span></li>
  7 + </ul>
  8 + <ul>
7 <li class="tap-hightlight"><span>会员等级</span> 9 <li class="tap-hightlight"><span>会员等级</span>
8 <span> 10 <span>
9 <a href="grade" class="grade"> 11 <a href="grade" class="grade">
@@ -40,4 +42,14 @@ @@ -40,4 +42,14 @@
40 {{/unless}} 42 {{/unless}}
41 </li> 43 </li>
42 </ul> 44 </ul>
  45 + <ul>
  46 + <li>
  47 + <span>地址管理</span>
  48 + <span>
  49 + <a href="//m.yohobuy.com/home/address" class="grade">
  50 + <span class="iconfont">&#xe604;</span>
  51 + </a>
  52 + </span>
  53 + </li>
  54 + </ul>
43 </div> 55 </div>
@@ -3,21 +3,30 @@ @@ -3,21 +3,30 @@
3 height: auto; 3 height: auto;
4 overflow: hidden; 4 overflow: hidden;
5 margin-top: 20px; 5 margin-top: 20px;
6 - background-color: #fff; 6 + background-color: #f0f0f0;
7 border-bottom: 1px solid #e0e0e0; 7 border-bottom: 1px solid #e0e0e0;
8 8
9 ul { 9 ul {
10 - width: 95%; 10 + width: 100%;
11 height: auto; 11 height: auto;
12 overflow: hidden; 12 overflow: hidden;
13 float: right; 13 float: right;
  14 + margin-bottom: 20px;
  15 + padding-left: 30px;
  16 + background: #fff;
14 17
15 - li {  
16 - &:first-of-type { 18 + &:last-child {
  19 + margin-bottom: 0;
  20 + }
  21 +
  22 + &:first-child {
  23 + li:first-of-type {
17 height: 100px; 24 height: 100px;
18 line-height: 100px; 25 line-height: 100px;
19 } 26 }
  27 + }
20 28
  29 + li {
21 height: 80px; 30 height: 80px;
22 border-bottom: 1px solid #e0e0e0; 31 border-bottom: 1px solid #e0e0e0;
23 32
@@ -109,6 +109,11 @@ @@ -109,6 +109,11 @@
109 109
110 .dot { 110 .dot {
111 width: 30px; 111 width: 30px;
  112 + text-align: right;
  113 + }
  114 +
  115 + .dot:first-of-type {
  116 + text-align: left;
112 } 117 }
113 118
114 .edit { 119 .edit {