Authored by 郭成尧

del-redundant-code

1 <div class="yoho-page select-coupon-page my-coupon-page"> 1 <div class="yoho-page select-coupon-page my-coupon-page">
2 <div class="coupon-page-title"> 2 <div class="coupon-page-title">
3 - <form id="new-coupon" method="POST" action=""> 3 + <form id="new-coupon" class="new-coupon" method="POST" action="">
4 <input type="text" name="couponCode" value="" placeholder="输入优惠券码"> 4 <input type="text" name="couponCode" value="" placeholder="输入优惠券码">
5 <button type="submit" class="submit">兑换</button> 5 <button type="submit" class="submit">兑换</button>
6 </form> 6 </form>
@@ -15,9 +15,3 @@ @@ -15,9 +15,3 @@
15 </section> 15 </section>
16 {{/ notAvailable}} 16 {{/ notAvailable}}
17 {{/coupons}} 17 {{/coupons}}
18 -{{!--  
19 -<a class="employ-main" data-coupon-code="{{ couponCode}}" data-coupon-name="{{ couponDetailInfomation}}" href="javascript:void(0);">  
20 - <span>{{ couponValue}}</span>  
21 - <p class="coupon-name">{{ couponDetailInfomation}}</p>  
22 - <p>有效期:{{ couponValidity}}</p>  
23 - </a> --}}  
@@ -27,6 +27,32 @@ $fontSizeSmall: 16px; @@ -27,6 +27,32 @@ $fontSizeSmall: 16px;
27 background-color: #fff; 27 background-color: #fff;
28 } 28 }
29 29
  30 + .new-coupon {
  31 + @extend page-padding;
  32 +
  33 + font-size: 24px;
  34 +
  35 + input {
  36 + padding: 0 12px;
  37 + width: 400px;
  38 + height: 80px;
  39 + border: 1px solid #b0b0b0;
  40 + border-radius: 0.1rem;
  41 + outline: 0;
  42 + }
  43 +
  44 + .submit {
  45 + margin-left: 30px;
  46 + width: 130px;
  47 + height: 80px;
  48 + color: #fff;
  49 + background: #b0b0b0;
  50 + border-radius: 0.1rem;
  51 + border: none;
  52 + outline: 0;
  53 + }
  54 + }
  55 +
30 .coupon-use-manual { 56 .coupon-use-manual {
31 @extend page-padding; 57 @extend page-padding;
32 58
@@ -115,67 +141,4 @@ $fontSizeSmall: 16px; @@ -115,67 +141,4 @@ $fontSizeSmall: 16px;
115 } 141 }
116 } 142 }
117 } 143 }
118 -  
119 - #new-coupon {  
120 - padding-left: 30px;  
121 - padding-right: 30px;  
122 - font-size: 24px;  
123 -  
124 - input {  
125 - padding: 0 12px;  
126 - width: 400px;  
127 - height: 80px;  
128 - border: 1px solid #b0b0b0;  
129 - border-radius: 0.1rem;  
130 - outline: 0;  
131 - }  
132 -  
133 - .submit {  
134 - margin-left: 30px;  
135 - width: 130px;  
136 - height: 80px;  
137 - color: #fff;  
138 - background: #b0b0b0;  
139 - border-radius: 0.1rem;  
140 - border: none;  
141 - outline: 0;  
142 - }  
143 - }  
144 -  
145 - .not-use {  
146 - display: block;  
147 - width: 560px;  
148 - margin: 30px auto 0;  
149 - text-align: center;  
150 - font-size: 32px;  
151 - line-height: 2.5;  
152 - border: 1px solid #444;  
153 - border-radius: 4PX;  
154 - }  
155 -  
156 - .not-avaliable-coupon-line {  
157 - position: relative;  
158 - margin-top: 30px;  
159 - margin-bottom: 30px;  
160 - font-size: 28px;  
161 - line-height: 2;  
162 - color: #b0b0b0;  
163 - text-align: center;  
164 -  
165 - &:before {  
166 - @extend line;  
167 -  
168 - left: 60px;  
169 - }  
170 -  
171 - &:after {  
172 - @extend line;  
173 -  
174 - right: 60px;  
175 - }  
176 - }  
177 -  
178 - .not-avaliable {  
179 - background-image: resolve("home/employ/employ-grey.jpg") !important;  
180 - }  
181 } 144 }