arrow

@@ -2,7 +2,7 @@
     <div class="filter-box">
         <span class="valid">
             <span class="filter-btn active">可用(99+)</span>
-            <span class="show-filter-btn iconfont">&#xe609;</span>
+            <span class="iconfont icon-down show-filter-btn"></span>
         </span>
         <span class="invalid">
             <span class="filter-btn">不可用(99+)</span>

@@ -2,7 +2,7 @@
     <div class="filter-box">
         <span class="no-used">
             <span class="filter-btn active">未使用(99+)</span>
-            <span class="show-filter-btn iconfont">&#xe609;</span>
+            <span class="iconfont icon-down show-filter-btn"></span>
         </span>
         <span class="used">
             <span class="filter-btn">已使用（8）</span>

-// import $ from 'yoho-jquery';
+import $ from 'yoho-jquery';
 import Page from 'yoho-page';
 
 class SelectCouponController extends Page {
@@ -61,8 +61,10 @@ class SelectCouponController extends Page {
     showFilter() {
         if (this.view.filterItem.hasClass('hide')) {
             this.view.filterItem.removeClass('hide');
+            this.view.showFilterBtn.removeClass('icon-down').addClass('icon-up');
         } else {
             this.view.filterItem.addClass('hide');
+            this.view.showFilterBtn.removeClass('icon-up').addClass('icon-down');
         }
     }
 }

@@ -37,8 +37,10 @@ class ConponController extends Page {
     showFilter() {
         if (this.view.filterItem.hasClass('hide')) {
             this.view.filterItem.removeClass('hide');
+            this.view.showFilterBtn.removeClass('icon-down').addClass('icon-up');
         } else {
             this.view.filterItem.addClass('hide');
+            this.view.showFilterBtn.removeClass('icon-up').addClass('icon-down');
         }
     }
 

@@ -25,7 +25,7 @@ body {
             border-right: 1px solid #e0e0e0;
         }
 
-        .show-filter,
+        .show-filter-btn,
         .active {
             color: #444;
         }

@@ -210,6 +210,14 @@ button {
     content: "\e646";
 }
 
+.icon-up:before {
+    content: "\e608";
+}
+
+.icon-down:before {
+    content: "\e609";
+}
+
 .wx-footer-c {
     margin-top: 30px;
 }