Przeglądaj źródła

历史记录修改

kangna 7 lat temu
rodzic
commit
ea84ecfdc5
2 zmienionych plików z 30 dodań i 8 usunięć
  1. 28 6
      resources/app/history.html
  2. 2 2
      resources/app/public/css/browser.css

+ 28 - 6
resources/app/history.html

@@ -15,7 +15,7 @@
             <p>历史记录</p>
             <div class="HistorySelect">
                 <div>
-                    <input type="text" id="SelectInp" placeholder="搜索历史记录" onblur="inputblur()" onclick="inputclick()" style="-webkit-app-region: no-drag" value="">
+                    <input type="text" id="SelectInp" placeholder="搜索历史记录" onblur="inputblur()" onclick="inputclick()" style="-webkit-app-region: no-drag" value="" onkeyup="openFlag()" onkeydown="closeFlag()" >
                 </div>
             </div>
         </div>
@@ -115,7 +115,15 @@
             let data = JSON.parse(localStorage[date])
             for(let i = 0; i < data.length; i ++){
                 if(data[i].title.indexOf(selectdata.value) >= 0 || data[i].url.indexOf(selectdata.value) >= 0){
-                    arr.push(data[i])
+                    if(data[i].data) {
+                        var a = date.split('/')
+                        a.splice(1,0,'年')
+                        a.splice(3,0,'月')
+                        a.push('日')
+                        a = a.join('')
+                        data[i].time = a
+                        arr.push(data[i])
+                    }
                 }
             }
         }
@@ -153,10 +161,10 @@
                 var data = JSON.parse(localStorage[date]).reverse();
                 for(var i=0;i<data.length;i++){
                     var a_list=$$("li",{},a_container);
-                    $$("input",{"type":"checkbox","className":"Historyinput",'value': i,'onclick':function () {
-                            choose()
-                        }},a_list)
                     var a_time=$$("span",{"innerText":data[i].time},a_list);
+                    $$("input",{"type":"checkbox","className":"Historyinput",'value': i,'onclick':function () {
+                        choose()
+                    }},a_time)
                     var a_content=$$("div",{},a_list);
                     $$("img",{"src":data[i].favicons,"draggable":"false"},a_content);
                     $$("p",{"innerText":data[i].title},a_content);
@@ -178,7 +186,7 @@
             var e = event || window.event || arguments.callee.caller.arguments[0];
             if(e && e.keyCode == 13){
                 //要做的事情
-                if(isclick == true){
+                if(isclick == true && $('#SelectInp')[0].value.length != 0){
                     HistorySelect()
                 }
             }
@@ -189,6 +197,20 @@
             }
         };
     }
+    var flag = 0;
+    var t;
+    const openFlag = () => {
+        t = setTimeout(() => {flag = 1; dosomething();}, 1000); 
+    }
+    const closeFlag = () => {
+        clearTimeout(t);
+        flag = 0;
+    }
+    const dosomething = () => {
+        if (flag && $('#SelectInp')[0].value.length != 0) {
+            HistorySelect()
+        }
+    }
     window.onload = () => {
         xianshi()
         keydown()

+ 2 - 2
resources/app/public/css/browser.css

@@ -835,7 +835,7 @@ input::-ms-input-placeholder {
 }
 
 .HistoryCardContainer li span {
-    width: 80px;
+    width: 93px;
     font-size: 12px;
     color: #7f7e7e;
     -moz-user-select: none;
@@ -846,7 +846,7 @@ input::-ms-input-placeholder {
 }
 
 .HistoryCardContainer li div {
-    width: calc(100% - 100px);
+    width: calc(100% - 120px);
     height: 100%;
     font-size: 13px;
 }