Authored by 刘传洋

style fix

@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 <b class="no-binding">未绑定</b> 14 <b class="no-binding">未绑定</b>
15 {{/if}} 15 {{/if}}
16 </p> 16 </p>
17 - <a href="javascript:void(0);" >收起</a> 17 + <a href="javascript:void(0);" data-binding="{{#if wechatBind}}1{{else}}0{{/if}}" >收起</a>
18 </div> 18 </div>
19 <div class="account-item-body"> 19 <div class="account-item-body">
20 <div class="account-body-left"> 20 <div class="account-body-left">
@@ -47,7 +47,7 @@ @@ -47,7 +47,7 @@
47 <b class="no-binding">未绑定</b> 47 <b class="no-binding">未绑定</b>
48 {{/if}} 48 {{/if}}
49 </p> 49 </p>
50 - <a href="javascript:void(0);" >收起</a> 50 + <a href="javascript:void(0);" data-binding="{{#if qqBind}}1{{else}}0{{/if}}">收起</a>
51 </div> 51 </div>
52 <div class="account-item-body"> 52 <div class="account-item-body">
53 <div class="account-body-left"> 53 <div class="account-body-left">
@@ -80,7 +80,7 @@ @@ -80,7 +80,7 @@
80 <b class="no-binding">未绑定</b> 80 <b class="no-binding">未绑定</b>
81 {{/if}} 81 {{/if}}
82 </p> 82 </p>
83 - <a href="javascript:void(0);" >收起</a> 83 + <a href="javascript:void(0);" data-binding="{{#if sinaBind}}1{{else}}0{{/if}}" >收起</a>
84 </div> 84 </div>
85 <div class="account-item-body"> 85 <div class="account-item-body">
86 <div class="account-body-left"> 86 <div class="account-body-left">
@@ -113,7 +113,7 @@ @@ -113,7 +113,7 @@
113 <b class="no-binding">未绑定</b> 113 <b class="no-binding">未绑定</b>
114 {{/if}} 114 {{/if}}
115 </p> 115 </p>
116 - <a href="javascript:void(0);" >收起</a> 116 + <a href="javascript:void(0);" data-binding="{{#if alipayBind}}1{{else}}0{{/if}}">收起</a>
117 </div> 117 </div>
118 <div class="account-item-body"> 118 <div class="account-item-body">
119 <div class="account-body-left"> 119 <div class="account-body-left">
@@ -146,7 +146,7 @@ @@ -146,7 +146,7 @@
146 <b class="no-binding">未绑定</b> 146 <b class="no-binding">未绑定</b>
147 {{/if}} 147 {{/if}}
148 </p> 148 </p>
149 - <a href="javascript:void(0);" >收起</a> 149 + <a href="javascript:void(0);" data-binding="{{#if doubanBind}}1{{else}}0{{/if}}">收起</a>
150 </div> 150 </div>
151 <div class="account-item-body"> 151 <div class="account-item-body">
152 <div class="account-body-left"> 152 <div class="account-body-left">
@@ -179,7 +179,7 @@ @@ -179,7 +179,7 @@
179 <b class="no-binding">未绑定</b> 179 <b class="no-binding">未绑定</b>
180 {{/if}} 180 {{/if}}
181 </p> 181 </p>
182 - <a href="javascript:void(0);" >收起</a> 182 + <a href="javascript:void(0);" data-binding="{{#if renrenBind}}1{{else}}0{{/if}}">收起</a>
183 </div> 183 </div>
184 <div class="account-item-body"> 184 <div class="account-item-body">
185 <div class="account-body-left"> 185 <div class="account-body-left">
@@ -50,7 +50,8 @@ @@ -50,7 +50,8 @@
50 <a target="_blank" href="{{serviceUrl}}" class="protoctol">YOHO!BUY 有货服务条款</a> 50 <a target="_blank" href="{{serviceUrl}}" class="protoctol">YOHO!BUY 有货服务条款</a>
51 </span> 51 </span>
52 </div> 52 </div>
53 - <div class="btnwrapper">  
54 - <a href="javascript:void(0)" class="yohobindbtn" id="bindfirststep">下一步</a> 53 + <div class="btnwrapper clearfix">
  54 + <a href="javascript:void(0)" class="yohobindbtn left" id="bindfirststep">下一步</a>
  55 + <a class="jump-btn" href="{{refer}}" style="margin-top:15px;">跳过</a>
55 </div> 56 </div>
56 </div> 57 </div>
@@ -106,13 +106,20 @@ $('#Y_bindAccount').on('click', '.account-item .account-item-title', function() @@ -106,13 +106,20 @@ $('#Y_bindAccount').on('click', '.account-item .account-item-title', function()
106 106
107 var $t = $(this); 107 var $t = $(this);
108 var $b = $t.closest('.account-item').find('.account-item-body'); 108 var $b = $t.closest('.account-item').find('.account-item-body');
  109 + var $a = $t.find('a');
109 110
  111 + $a.removeClass('del-binding');
110 $b.toggle(); 112 $b.toggle();
111 113
112 if ($b.is(':visible')) { 114 if ($b.is(':visible')) {
113 - $t.find('a').html('收起'); 115 + $a.html('收起');
114 } else { 116 } else {
115 - $t.find('a').html('展开'); 117 + if ($a.attr('data-binding') === '1') {
  118 + $a.html('解绑');
  119 + $a.addClass('del-binding');
  120 + } else {
  121 + $t.find('a').html('绑定');
  122 + }
116 } 123 }
117 }); 124 });
118 125
@@ -1002,7 +1002,7 @@ @@ -1002,7 +1002,7 @@
1002 font-weight: normal; 1002 font-weight: normal;
1003 1003
1004 &.no-binding{ 1004 &.no-binding{
1005 - color:#666; 1005 + color:#ea4072;
1006 } 1006 }
1007 } 1007 }
1008 } 1008 }
@@ -1011,6 +1011,10 @@ @@ -1011,6 +1011,10 @@
1011 float: right; 1011 float: right;
1012 color: #468fa2; 1012 color: #468fa2;
1013 font-size: 14px; 1013 font-size: 14px;
  1014 +
  1015 + &.del-binding{
  1016 + color:#bdbdbd;
  1017 + }
1014 } 1018 }
1015 } 1019 }
1016 1020
@@ -68,3 +68,10 @@ @@ -68,3 +68,10 @@
68 } 68 }
69 } 69 }
70 } 70 }
  71 +
  72 +.jump-btn{
  73 + float:left;
  74 + margin-top: 15px;
  75 + margin-left: 55px;
  76 + color: #AAA;
  77 +}