v7.0.0.2 - 任务管理器

- 新增了任务管理器应用 - 新增了系统性能传感器的小组件 - 新增了全新的文件资源管理器导航 - 优化了终端使用体验，修复了无法执行命令的问题 - 针对上一版本进行优化 - 其他一些细节修复
tjy-gitnub · Jul 25, 2023 · ea8cffd · ea8cffd
1 parent ac09353
commit ea8cffd
Show file tree

Hide file tree

Showing 10 changed files with 2,098 additions and 391 deletions.
diff --git a/apps/style/defender.css b/apps/style/defender.css
diff --git a/apps/style/explorer.css b/apps/style/explorer.css
@@ -1,13 +1,13 @@
-#win-explorer{
+#win-explorer {
     display: flex;
 }
 
-#win-explorer>.menu{
+#win-explorer>.menu {
     min-width: 250px;
     height: 100%;
 }
 
-#win-explorer>.menu>.card{
+#win-explorer>.menu>.card {
     margin: 10px;
     border-radius: 10px;
     background-color: var(--card);
@@ -16,31 +16,31 @@
     border: 1.5px solid #6f6f6f30;
 }
 
-#win-explorer>.menu>.card>.title{
+#win-explorer>.menu>.card>.title {
     padding: 6px 10px;
     font-weight: 550;
 }
 
-#win-explorer>.menu>.card>list>a{
+#win-explorer>.menu>.card>list>a {
     padding: 4px 5px 4px 20px;
     font-size: 15px;
     border-radius: 7px;
     transition: 100ms;
     display: flex;
 }
 
-#win-explorer>.menu>.card>list>a.check{
+#win-explorer>.menu>.card>list>a.check {
     background-color: var(--hover) !important;
 }
 
-#win-explorer>.menu>.pinned>list>a>img{
+#win-explorer>.menu>.pinned>list>a>img {
     width: 18px;
     height: 18px;
     margin-top: 2px;
     margin-right: 5px;
 }
 
-#win-explorer>.menu>.tags>list>a>span{
+#win-explorer>.menu>.tags>list>a>span {
     width: 13px;
     height: 13px;
     margin-left: 4px;
@@ -50,55 +50,55 @@
     box-shadow: 0 0 5px var(--sd);
 }
 
-#win-explorer>.main{
+#win-explorer>.main {
     flex-grow: 1;
     height: calc(100% - 32px);
     display: flex;
     flex-direction: column;
 }
 
-#win-explorer>.main>.tool{
+#win-explorer>.main>.tool {
     width: 100%;
     height: 60px;
     display: flex;
     padding: 5px 10px;
 }
 
-#win-explorer>.main>.tool>.b{
+#win-explorer>.main>.tool>.b {
     height: 40px;
     padding: 7px;
     border-radius: 10px;
     transition: 100ms;
 }
 
-#win-explorer>.main>.tool>.b.t{
+#win-explorer>.main>.tool>.b.t {
     display: flex;
     font-size: 15px;
 }
 
-#win-explorer>.main>.tool>.b.t>img{
+#win-explorer>.main>.tool>.b.t>img {
     display: flex;
     margin-right: 5px;
 }
 
-#win-explorer>.main>.tool>.b:hover{
+#win-explorer>.main>.tool>.b:hover {
     background-color: var(--hover);
 }
 
-#win-explorer>.main>.tool>.b>img{
+#win-explorer>.main>.tool>.b>img {
     width: 25px;
     height: 25px;
 }
 
-#win-explorer>.main>.tool>.hr{
+#win-explorer>.main>.tool>.hr {
     width: 2px;
     height: 35px;
     background-color: #7f7f7f7f;
     border-radius: 10px;
     margin: 2.5px 7px;
 }
 
-#win-explorer>.main>.content{
+#win-explorer>.main>.content {
     width: calc(100% - 10px);
     flex-grow: 1;
     background-color: var(--card);
@@ -110,39 +110,77 @@
     border: 1.5px solid #6f6f6f30;
 }
 
-#win-explorer>.main>.content>.tool{
+#win-explorer>.main>.content>.tool {
     height: 40px;
     width: 100%;
     display: flex;
     padding: 10px 0 0 10px;
     margin-bottom: 10px;
 }
 
-#win-explorer>.main>.content>.tool>.btn>.bi::before{
+#win-explorer>.main>.content>.tool>.btn>.bi::before {
     position: relative;
     top: -2px;
 }
 
-#win-explorer>.main>.content>.tool>.btn{
+#win-explorer>.main>.content>.tool>.btn {
     transition: 100ms;
 }
 
-#win-explorer>.main>.content>.tool>.tit>img{
+#win-explorer>.main>.content>.tool>.tit>img {
     width: 22px;
     height: 22px;
     margin-top: 2px;
 }
 
-#win-explorer>.main>.content>.tool>.tit{
+#win-explorer>.main>.content>.tool>.tit {
     /* display: flex; */
-    margin-top: 3px;
-    margin-left: 5px;
+    /* margin-top: 3px; */
+    /* margin-left: 5px; */
     overflow: hidden;
-    border: 1.5px solid transparent;
-    display: block;
+    border: 1.5px solid #eeeeee;
+    display: grid;
+    height: min-content;
+    background-color: var(--bg70);
+    flex-grow: 1;
+    margin: 3px 10px 0px 5px;
+    border-radius: 10px;
+    grid-template-columns: min-content auto;
+}
+
+#win-explorer>.main>.content>.tool>.tit>.path>* {
+    display: inline-block;
+    height: 100%;
+}
+
+#win-explorer>.main>.content>.tool>.tit>.path>.arrow {
+    font-size: 0.87em;
+    color: #555555;
+}
+
+:root.dark #win-explorer>.main>.content>.tool>.tit>.path>.arrow {
+    color: #aaaaaa;
 }
 
-#win-explorer>.main>.content>.tool>.tit:hover{
+#win-explorer>.main>.content>.tool>.tit>.path>.text:hover {
+    background-color: var(--hover);
+}
+
+#win-explorer>.main>.content>.tool>.tit>.path>.text {
+    padding: 0px 8px;
+    font-size: 1.1em;
+}
+
+#win-explorer>.main>.content>.tool>.tit>.icon {
+    width: 25.6px;
+    margin-top: -1px;
+    margin-left: 8px;
+    background-size: contain;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+}
+
+/* #win-explorer>.main>.content>.tool>.tit:hover{
     height: min-content;
     min-width: 100px;
     background: var(--unfoc);
@@ -152,55 +190,56 @@
     margin: 0 5px 3px 0;
     box-shadow: 2px 2px 5px var(--sd);
     z-index: 1;
-}
+} */
 
-#win-explorer>.main>.content>.tool>.search{
+/* #win-explorer>.main>.content>.tool>.search{
     flex-grow: 1;
-}
+} */
 
-#win-explorer>.main>.content>.tool>.search>*{
+#win-explorer>.main>.content>.tool>.search>* {
     float: right;
     margin-right: 10px;
 }
 
-#win-explorer>.main>.content>.tool>.search>.input{
+#win-explorer>.main>.content>.tool>.search>.input {
     width: 300px;
     padding-left: 30px;
 }
 
-#win-explorer>.main>.content>.tool>.search>input-before{
+#win-explorer>.main>.content>.tool>.search>input-before {
     margin-top: 4px;
     margin-right: -23px;
 }
 
-#win-explorer>.main>.content>.view{
+#win-explorer>.main>.content>.view {
     width: 100%;
     height: max-content;
     display: flex;
     flex-direction: column;
 }
 
-#win-explorer>.main>.content>.view>*{
+#win-explorer>.main>.content>.view>* {
     animation: exp-show 200ms;
 }
 
 @keyframes exp-show {
-    0%{
+    0% {
         transform: translateX(-10px);
         opacity: 0;
     }
-    100%{
+
+    100% {
         transform: none;
         opacity: 1;
     }
 }
 
-#win-explorer>.main>.content>.view>.info{
+#win-explorer>.main>.content>.view>.info {
     color: #888;
     text-align: center;
 }
 
-#win-explorer>.main>.content>.view>.item{
+#win-explorer>.main>.content>.view>.item {
     width: 100%;
     padding: 2px 5px;
     border-radius: 5px;
@@ -209,23 +248,23 @@
     transition: 40ms, transform 400ms cubic-bezier(0.14, 1.02, 0.17, 0.03);
 }
 
-#win-explorer>.main>.content>.view>.item:active{
+#win-explorer>.main>.content>.view>.item:active {
     transform: scale(0.99);
     transform-origin: bottom;
 }
 
-#win-explorer>.main>.content>.view>.item>img{
+#win-explorer>.main>.content>.view>.item>img {
     width: 26px;
     height: 26px;
 }
 
-#win-explorer>.main>.content>.view>.item.file>img{
+#win-explorer>.main>.content>.view>.item.file>img {
     width: 22px;
     height: 22px;
     margin: 2px;
 }
 
-#win-explorer>.main>.content>.view>.item:hover{
+#win-explorer>.main>.content>.view>.item:hover {
     background-color: var(--hover);
     /* border: 1.5px solid #6f6f6f30; */
     box-shadow: 0 1px 2px var(--s3d);