Authored by htoooth

refactor

1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 - <div id="bindConfirmPage" class="bindConfirmPage"> 3 + <div id="bindConfirmPage" class="bind-confirm-page">
4 <ul> 4 <ul>
5 <li class="clearfix big-width"> 5 <li class="clearfix big-width">
6 <div class="center"> 6 <div class="center">
1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 - <div id="pwdPage" class="pwdPage"> 3 + <div id="pwdPage" class="pwd-page">
4 4
5 <ul> 5 <ul>
6 <li class="clearfix"> 6 <li class="clearfix">
1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 - <div id="bindSuccessPage" class="bindSuccessPage"> 3 + <div id="bindSuccessPage" class="bind-success-page">
4 4
5 <ul> 5 <ul>
6 <li> 6 <li>
1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 3
4 - <div id="authPage" class="authPage"> 4 + <div id="authPage" class="auth-page">
5 <ul> 5 <ul>
6 <li class="clearfix"> 6 <li class="clearfix">
7 <div class="title center">欢迎加入 YOHO!BLK</div> 7 <div class="title center">欢迎加入 YOHO!BLK</div>
1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 - <div id="relateConfirmPage" class="relateConfirmPage"> 3 + <div id="relateConfirmPage" class="relate-confirm-page">
4 <ul> 4 <ul>
5 <li class="clearfix big-width"> 5 <li class="clearfix big-width">
6 <div id="avatar" class="center"> 6 <div id="avatar" class="center">
1 {{> sign-header}} 1 {{> sign-header}}
2 <div class="bind-wrapper"> 2 <div class="bind-wrapper">
3 - <div id="relateSuccessPage" class="relateSuccessPage"> 3 + <div id="relateSuccessPage" class="relate-success-page">
4 <ul> 4 <ul>
5 <li> 5 <li>
6 <div class="title center"> 6 <div class="title center">
@@ -246,4 +246,4 @@ exports.init = function() { @@ -246,4 +246,4 @@ exports.init = function() {
246 $regionCodeText.text($regionSelectCtrl.val()); 246 $regionCodeText.text($regionSelectCtrl.val());
247 validatePhoneNum(); 247 validatePhoneNum();
248 }); 248 });
249 -};  
  249 +};
@@ -101,4 +101,4 @@ ep.on('pwd', function(pwdAuth) { @@ -101,4 +101,4 @@ ep.on('pwd', function(pwdAuth) {
101 if (pwdAuth) { 101 if (pwdAuth) {
102 hideTip(); 102 hideTip();
103 } 103 }
104 -});  
  104 +});
@@ -88,7 +88,7 @@ $repasswordInput.on('keyup blur', function() { @@ -88,7 +88,7 @@ $repasswordInput.on('keyup blur', function() {
88 return; 88 return;
89 } 89 }
90 90
91 - console.log($passwordInput.val(),$repasswordInput.val()); 91 + console.log($passwordInput.val(), $repasswordInput.val());
92 92
93 ep.emit('repwd', true); 93 ep.emit('repwd', true);
94 }); 94 });
@@ -137,4 +137,4 @@ ep.on('pwd', function(pwdAuth) { @@ -137,4 +137,4 @@ ep.on('pwd', function(pwdAuth) {
137 if (pwdAuth) { 137 if (pwdAuth) {
138 hideTip(); 138 hideTip();
139 } 139 }
140 -});  
  140 +});
@@ -111,10 +111,6 @@ @@ -111,10 +111,6 @@
111 @mixin li-setting; 111 @mixin li-setting;
112 } 112 }
113 113
114 - .send-tips {  
115 -  
116 - }  
117 -  
118 .no-find { 114 .no-find {
119 text-align: center; 115 text-align: center;
120 color: $captcha-fresh; 116 color: $captcha-fresh;
@@ -94,7 +94,6 @@ @@ -94,7 +94,6 @@
94 } 94 }
95 } 95 }
96 96
97 -  
98 .focus { 97 .focus {
99 border: 2px solid #000 !important; 98 border: 2px solid #000 !important;
100 } 99 }
@@ -72,7 +72,7 @@ @@ -72,7 +72,7 @@
72 height: 37px; 72 height: 37px;
73 width: 90px; 73 width: 90px;
74 border: 0; 74 border: 0;
75 - outline: none; 75 + outline: none;
76 margin-left: 10px; 76 margin-left: 10px;
77 margin-top: 4px; 77 margin-top: 4px;
78 float: left; 78 float: left;
@@ -104,7 +104,7 @@ @@ -104,7 +104,7 @@
104 margin: 0 30px; 104 margin: 0 30px;
105 span { 105 span {
106 float: left; 106 float: left;
107 - width: calc(($item-width - 60px) /4); 107 + width: calc(($item-width - 60px) / 4);
108 font-size: 25px; 108 font-size: 25px;
109 text-align: center; 109 text-align: center;
110 } 110 }
@@ -6,13 +6,13 @@ $btn-height: 50px; @@ -6,13 +6,13 @@ $btn-height: 50px;
6 $btn-width: 180px; 6 $btn-width: 180px;
7 7
8 .bind-wrapper { 8 .bind-wrapper {
9 - .authPage,  
10 - .pwdPage,  
11 - .relateSuccessPage { 9 + .auth-page,
  10 + .pwd-page,
  11 + .relate-success-page {
12 @mixin passport-page; 12 @mixin passport-page;
13 } 13 }
14 14
15 - .bindConfirmPage { 15 + .bind-confirm-page {
16 @mixin passport-page; 16 @mixin passport-page;
17 width: 530px !important; 17 width: 530px !important;
18 .quick-link { 18 .quick-link {
@@ -20,7 +20,7 @@ $btn-width: 180px; @@ -20,7 +20,7 @@ $btn-width: 180px;
20 } 20 }
21 } 21 }
22 22
23 - .relateConfirmPage { 23 + .relate-confirm-page {
24 @mixin passport-page; 24 @mixin passport-page;
25 width: 530px !important; 25 width: 530px !important;
26 .quick-btn { 26 .quick-btn {
@@ -28,12 +28,12 @@ $btn-width: 180px; @@ -28,12 +28,12 @@ $btn-width: 180px;
28 } 28 }
29 } 29 }
30 30
31 - .bindSuccessPage { 31 + .bind-success-page {
32 @mixin passport-page; 32 @mixin passport-page;
33 width: 650px !important; 33 width: 650px !important;
34 } 34 }
35 35
36 - .relateSuccessPage { 36 + .relate-success-page {
37 @mixin passport-page; 37 @mixin passport-page;
38 } 38 }
39 39
@@ -75,7 +75,7 @@ $btn-width: 180px; @@ -75,7 +75,7 @@ $btn-width: 180px;
75 @mixin input; 75 @mixin input;
76 } 76 }
77 77
78 - .bindConfirmPage { 78 + .bind-confirm-page {
79 li { 79 li {
80 width: 530px !important; 80 width: 530px !important;
81 height: $item-height; 81 height: $item-height;