diff --git a/icons/128x128.png b/icons/128x128.png index b922bf6..2c4f709 100644 Binary files a/icons/128x128.png and b/icons/128x128.png differ diff --git a/icons/256x256.png b/icons/256x256.png index ae8d79a..8a36859 100644 Binary files a/icons/256x256.png and b/icons/256x256.png differ diff --git a/icons/512x512.png b/icons/512x512.png index fd6737b..c30bb35 100644 Binary files a/icons/512x512.png and b/icons/512x512.png differ diff --git a/icons/app.icns b/icons/app.icns index fd6737b..1cb73a7 100644 Binary files a/icons/app.icns and b/icons/app.icns differ diff --git a/icons/dns-host.svg b/icons/dns-host.svg index d0c23eb..94cc811 100644 --- a/icons/dns-host.svg +++ b/icons/dns-host.svg @@ -1 +1,36 @@ - \ No newline at end of file + + + + + + + + + + + diff --git a/package.json b/package.json index 3c96b40..ba4f39a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "dns-host", - "version": "1.1.3", + "version": "1.1.4", "description": "伪域名解析", "main": "src/main.js", "scripts": { @@ -26,7 +26,10 @@ "buildResources": "icons", "output": "build" }, - "files": ["src/**/*", "node_modules/iofs/*"], + "files": [ + "src/**/*", + "node_modules/iofs/*" + ], "mac": { "category": "public.app-category.developer-tools", "target": "dmg", diff --git a/src/css/app.css b/src/css/app.css index c4ba562..f70e090 100644 --- a/src/css/app.css +++ b/src/css/app.css @@ -1 +1 @@ -html{font-size:1vw;width:100%;height:100%}body{position:fixed;left:0;top:0;display:flex;width:100%;height:100%;line-height:1.5;font-size:1.4rem;color:#62778d}.layout-left{display:flex;flex-direction:column;width:18rem;height:64rem;background:#526273}.layout-left wc-scroll{flex:1}.layout-left .domain-list{width:100%}.layout-left .domain-list .item{display:flex;justify-content:flex-end;align-items:center;height:4rem;padding:0 2rem 0 1rem;color:#f3f5fb;cursor:pointer;transition:background .1s ease-in-out}.layout-left .domain-list .item wc-icon{--size:1.2rem;margin:auto -1.5rem auto .5rem;color:#7e909a}.layout-left .domain-list .item:hover,.layout-left .domain-list .item.active{background:#62778d}.layout-left .domain-list .item.active{border-left:0.3rem solid #ffb618;color:#ffb618;font-weight:bold}.layout-left .domain-list .item.blank{justify-content:center;cursor:default}.layout-left .domain-list .item.blank:hover{background:none}.layout-left .action{display:flex;align-items:center;height:5rem;padding:0 1rem}.layout-right{flex:1;display:flex;flex-direction:column;background:#f7f8fb}.layout-right .toolbar{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.5rem;background:#e8ebf4;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1)}.layout-right .toolbar wc-input{width:20rem}.layout-right .main{overflow:hidden;flex:1;display:flex;flex-direction:column;margin:2rem 1rem;padding:0 .5rem;background:#fff}.layout-right .thead{display:flex;align-items:center;justify-content:center;height:4rem;margin-bottom:.8rem;border-bottom:0.1rem solid #e8ebf4;text-align:center}.layout-right .thead span{flex:1}.layout-right .thead .long{flex:1.5}.layout-right wc-scroll{flex:1}.layout-right .record-list{width:100%;line-height:4rem}.layout-right .record-list .item{display:flex;justify-content:center;align-items:center;height:4rem;padding:0 1rem;border-bottom:0.1rem solid #e8ebf4;text-align:center}.layout-right .record-list .item wc-input,.layout-right .record-list .item span,.layout-right .record-list .item section{flex:1}.layout-right .record-list .item .long{flex:1.5}.layout-right .record-list .item section{display:flex;align-items:center;justify-content:center}.layout-right .record-list .item wc-button{margin-left:.5rem}.layout-right .record-list .item:last-child{border-bottom:none}.permission-error{position:fixed;left:0;top:0;z-index:102401;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:5rem;background:rgba(255,233,233,0.95);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}.permission-error pre{font-family:'Courier New', Courier, monospace;font-size:1.6rem;color:#eb3b48}.permission-error fieldset{width:60rem;padding:0 3rem 3rem;border:0.1rem solid #ffb618;border-radius:.8rem}.permission-error fieldset legend{padding:0 1rem;font-size:1.6rem}.permission-error fieldset dt{margin-top:2rem;font-weight:bold}.permission-error fieldset code{display:block;padding:.8rem 1rem;margin-top:.8rem;border-left:0.3rem solid #dae1e9;background:rgba(255,255,255,0.3);font-family:'Courier New', Courier, monospace}.permission-error.show{display:flex}.context-menu{display:flex;flex-direction:column;width:10rem;padding:.5rem 0;background:#fff}.context-menu .item{height:3rem;line-height:3rem;padding:0 1.5rem;cursor:pointer}.context-menu .item:hover{background:#f2f5fc} +html{font-size:1vw;width:100%;height:100vh}body{position:fixed;left:0;top:0;display:flex;width:100%;height:100%;line-height:1.5;font-size:1.4rem;color:#62778d}.layout-left{display:flex;flex-direction:column;width:18rem;height:100vh;background:#526273}.layout-left wc-scroll{flex:1}.layout-left .domain-list{width:100%}.layout-left .domain-list .item{display:flex;justify-content:flex-end;align-items:center;height:4rem;padding:0 2rem 0 1rem;color:#f3f5fb;cursor:pointer;transition:background .1s ease-in-out}.layout-left .domain-list .item wc-icon{--size:1.2rem;margin:auto -1.5rem auto .5rem;color:#7e909a}.layout-left .domain-list .item:hover,.layout-left .domain-list .item.active{background:#62778d}.layout-left .domain-list .item.active{border-left:0.3rem solid #ffb618;color:#ffb618;font-weight:bold}.layout-left .domain-list .item.blank{justify-content:center;cursor:default}.layout-left .domain-list .item.blank:hover{background:none}.layout-left .action{display:flex;align-items:center;height:5rem;padding:0 1rem}.layout-right{flex:1;display:flex;flex-direction:column;background:#f7f8fb}.layout-right .toolbar{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.5rem;background:#e8ebf4;box-shadow:0 0.2rem 0.5rem rgba(0,0,0,0.1)}.layout-right .toolbar wc-input{width:20rem}.layout-right .main{overflow:hidden;flex:1;display:flex;flex-direction:column;margin:2rem 1rem;padding:0 .5rem;background:#fff}.layout-right .thead{display:flex;align-items:center;justify-content:center;height:4rem;margin-bottom:.8rem;border-bottom:0.1rem solid #e8ebf4;text-align:center}.layout-right .thead span{flex:1}.layout-right .thead .long{flex:1.5}.layout-right wc-scroll{flex:1}.layout-right .record-list{width:100%;line-height:4rem}.layout-right .record-list .item{display:flex;justify-content:center;align-items:center;height:4rem;padding:0 1rem;border-bottom:0.1rem solid #e8ebf4;text-align:center}.layout-right .record-list .item wc-input,.layout-right .record-list .item span,.layout-right .record-list .item section{flex:1}.layout-right .record-list .item .long{flex:1.5}.layout-right .record-list .item section{display:flex;align-items:center;justify-content:center}.layout-right .record-list .item wc-button{margin-left:.5rem}.layout-right .record-list .item:last-child{border-bottom:none}.permission-error{position:fixed;left:0;top:0;z-index:102401;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:5rem;background:rgba(255,233,233,0.95);-webkit-backdrop-filter:blur(0.5rem);backdrop-filter:blur(0.5rem)}.permission-error pre{font-family:'Courier New', Courier, monospace;font-size:1.6rem;color:#eb3b48}.permission-error fieldset{width:60rem;padding:0 3rem 3rem;border:0.1rem solid #ffb618;border-radius:.8rem}.permission-error fieldset legend{padding:0 1rem;font-size:1.6rem}.permission-error fieldset dt{margin-top:2rem;font-weight:bold}.permission-error fieldset code{display:block;padding:.8rem 1rem;margin-top:.8rem;border-left:0.3rem solid #dae1e9;background:rgba(255,255,255,0.3);font-family:'Courier New', Courier, monospace}.permission-error.show{display:flex}.context-menu{display:flex;flex-direction:column;width:10rem;padding:.5rem 0;background:#fff}.context-menu .item{height:3rem;line-height:3rem;padding:0 1.5rem;cursor:pointer}.context-menu .item:hover{background:#f2f5fc} diff --git a/src/css/app.scss b/src/css/app.scss index e615fac..966e7f7 100644 --- a/src/css/app.scss +++ b/src/css/app.scss @@ -9,7 +9,7 @@ @import "./var.scss"; -html {font-size:1vw;width:100%;height:100%;} +html {font-size:1vw;width:100%;height:100vh;} body { position:fixed;left:0;top:0; display:flex; @@ -20,7 +20,7 @@ body { .layout-left { display:flex;flex-direction:column; - width:18rem;height:64rem; + width:18rem;height:100vh; background:nth($cd, 2); wc-scroll {flex:1;} diff --git a/src/js/app.js b/src/js/app.js index 7a6f85d..889ecdd 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -26,7 +26,7 @@ Anot({ $id: 'app', state: { filter: '', - activeDomain: '', //当前选中的域名 + activeDomain: Anot.ls('last_domain') || '', //当前选中的域名 editDomain: '', // 当前临时要编辑的域名, 即右键菜单选择到的 domains: [], records: [], @@ -51,7 +51,7 @@ Anot({ }) this.$refs.records.scrollTop = 0 } else { - layer.toast('请先选择域名') + layer.toast('请先选择域名', 'warn') } }, addDomain() { @@ -85,6 +85,7 @@ Anot({ } } document.title = `伪域名解析 ${name} ` + Anot.ls('last_domain', name) setTimeout(() => { this.$refs.records.scrollTop = 0 }, 50) @@ -173,6 +174,8 @@ Anot({ } } this.domains = tmp + + this.toggleDomain(Anot.ls('last_domain') || '') } else { this.permissionShow = true } @@ -195,6 +198,8 @@ Anot({ params.enabled = false this.records.unshift(params) + tmp_records[params.record].push(this.records[0]) + this.$refs.records.scrollTop = 0 }, // 同一个记录, 允许一条被激活