Browse Source

排序图标添加

zhouna 5 năm trước cách đây
mục cha
commit
9497d1be00
5 tập tin đã thay đổi với 22 bổ sung0 xóa
  1. 18 0
      src/css/qcList.less
  2. BIN
      src/images/down_blue.png
  3. BIN
      src/images/grey.png
  4. BIN
      src/images/up_blue.png
  5. 4 0
      src/js/qcList.js

+ 18 - 0
src/css/qcList.less

@@ -46,6 +46,24 @@ table{
         font-weight: 500;
         white-space: nowrap;
     }
+    th[code]{
+        cursor: pointer;
+        &:after{
+            content:"";
+            display:inline-block;
+            width: 11px;
+            height: 14px;
+            margin-left: 4px;
+            vertical-align: middle;
+            background: url("../images/grey.png");
+        }
+        &.asc:after{
+            background: url("../images/up_blue.png");
+        }
+        &.desc:after{
+            background: url("../images/down_blue.png");
+        }
+    }
     td{
         font-size: 14px;
         font-weight: 400;

BIN
src/images/down_blue.png


BIN
src/images/grey.png


BIN
src/images/up_blue.png


+ 4 - 0
src/js/qcList.js

@@ -305,9 +305,13 @@ $("th[code]").on("click",function(e){
     if(data_asc[0]===code){
       data_desc=[code];
       data_asc=[];
+      $("th[code]").removeClass("asc desc");
+      $(this).addClass("desc");
     }else{
       data_desc=[];
       data_asc=[code];
+      $("th[code]").removeClass("asc desc");
+      $(this).addClass("asc");
     }
     getTabData(1);
     console.log(code)