增加批量更新按钮;删除单个更新

package.json

@@ -1,6 +1,6 @@
 {
   "name": "io.yutent.gaystat",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "搞基数据",
   "main": "src/main.js",
   "scripts": {

src/css/app.css

@@ -1 +1 @@
-html{font-size:12.8px;width:100%;height:100vh}body{display:flex;flex-direction:column;width:100%;height:100%;padding-top:.9375rem;line-height:1.25;font-size:1.09375rem;color:#f2f5fc;background:transparent}.app{position:relative;display:flex;flex-direction:column;height:100%;padding:1.25rem 0 .46875rem;border-radius:.46875rem;background:rgba(88,88,88,0.85)}.app::before{position:absolute;left:12.10938rem;top:-.54688rem;width:1.09375rem;height:1.09375rem;border-radius:.15625rem;background:linear-gradient(to bottom right, rgba(88,88,88,0.85) 50%, transparent 50%);-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}.app .option,.app .close{position:absolute;right:.46875rem;top:.15625rem;--size: 1.09375rem;cursor:pointer;opacity:0}.app .option:hover,.app .close:hover{opacity:1}.app .close{right:auto;left:.46875rem}.app .list{flex:1}.app .list .item{display:flex;align-items:center;height:4.21875rem;padding:.78125rem .9375rem;line-height:1.17188rem;border-bottom:.07812rem solid rgba(200,200,200,0.1);border-top:.07812rem solid rgba(0,0,0,0.1)}.app .list .item:first-child{border-top:0}.app .list .item:last-child{border-bottom:0}.app .list .item .info{overflow:hidden;flex:1}.app .list .item .info h3{font-size:1.09375rem}.app .list .item .info cite{color:#dae1e9}.app .list .item .last-week{display:flex;width:3.75rem;height:2.34375rem;margin:0 1.25rem}.app .list .item .today{width:4.0625rem;font-size:.9375rem;color:#fff;text-align:right}.app .list .item .today span{display:block;padding:0 .3125rem}.app .list .item .today .percent{border-radius:.15625rem}.app .list .item .today .percent.red{background:#ff5061}.app .list .item .today .percent.green{background:#4caf50}
+html{font-size:12.8px;width:100%;height:100vh}body{display:flex;flex-direction:column;width:100%;height:100%;padding-top:.9375rem;line-height:1.25;font-size:1.09375rem;color:#f2f5fc;background:transparent}.app{position:relative;display:flex;flex-direction:column;height:100%;padding:1.25rem 0 .46875rem;border-radius:.46875rem;background:rgba(88,88,88,0.85)}.app::before{position:absolute;left:12.10938rem;top:-.54688rem;width:1.09375rem;height:1.09375rem;border-radius:.15625rem;background:linear-gradient(to bottom right, rgba(88,88,88,0.85) 50%, transparent 50%);-webkit-transform:rotate(45deg);transform:rotate(45deg);content:""}.app .option,.app .close,.app .load{position:absolute;right:.46875rem;top:.15625rem;--size: 1.09375rem;cursor:pointer;opacity:0}.app .option:hover,.app .close:hover,.app .load:hover{opacity:1}.app .close{right:auto;left:.46875rem}.app .load{right:auto;left:12.10938rem}.app .list{flex:1}.app .list .item{display:flex;align-items:center;height:4.21875rem;padding:.78125rem .9375rem;line-height:1.17188rem;border-bottom:.07812rem solid rgba(200,200,200,0.1);border-top:.07812rem solid rgba(0,0,0,0.1)}.app .list .item:first-child{border-top:0}.app .list .item:last-child{border-bottom:0}.app .list .item .info{overflow:hidden;flex:1}.app .list .item .info h3{font-size:1.09375rem}.app .list .item .info cite{color:#dae1e9}.app .list .item .last-week{display:flex;width:3.75rem;height:2.34375rem;margin:0 1.25rem}.app .list .item .today{width:4.0625rem;font-size:.9375rem;color:#fff;text-align:right}.app .list .item .today span{display:block;padding:0 .3125rem}.app .list .item .today .percent{border-radius:.15625rem}.app .list .item .today .percent.red{background:#ff5061}.app .list .item .today .percent.green{background:#4caf50}

src/css/app.scss

@@ -40,7 +40,7 @@ body {
     content:"";
   }
 
-  .option, .close {
+  .option, .close, .load {
     position:absolute;
     right:px(6);top:px(2);
     --size: #{px(14)};
@@ -52,6 +52,7 @@ body {
     }
   }
   .close {right:auto;left:px(6)}
+  .load {right:auto;left:px(155)}
 
   .list {
     flex:1;

src/index.html

@@ -13,6 +13,7 @@
 
   <div class="app" anot="app">
     <wc-icon class="close" color="red" is="close" @click="close"></wc-icon>
+    <wc-icon class="load" color="red" is="load" @click="updateGays"></wc-icon>
     <wc-icon class="option" is="option" @click="addGay"></wc-icon>
 
     <wc-scroll class="list">
@@ -24,7 +25,7 @@
 
         <canvas class="last-week" width="70" height="30" :draw="it.last"></canvas>
 
-        <div class="today" @dblclick="updateGay(it)">
+        <div class="today">
           <span class="money" :text="it.curr"></span>
           <span 
             class="percent" 

src/js/app.js

@@ -141,12 +141,6 @@ Anot({
       }
       item.curr = info.gsz
       item.percent = +info.gszzl
-
-      this.list.sort((a, b) => {
-        return b.percent - a.percent
-      })
-
-      Anot.ls('watch_list', this.list.$model)
     },
 
     removeGay(item) {
@@ -158,6 +152,18 @@ Anot({
           Anot.ls('watch_list', this.list.$model)
         })
         .catch(Anot.noop)
+    },
+
+    updateGays() {
+      for (let it of this.list) {
+        this.updateGay(it)
+      }
+
+      this.list.sort((a, b) => {
+        return b.percent - a.percent
+      })
+
+      Anot.ls('watch_list', this.list.$model)
     }
   }
 })