windowIcon

xygodcyx · May 24, 2024 · 0466414 · 0466414
1 parent dfae30b
commit 0466414
Show file tree

Hide file tree

Showing 19 changed files with 1,221 additions and 16 deletions.
diff --git a/.github/workflows/createConfig.yml b/.github/workflows/createConfig.yml
diff --git a/dist.zip b/dist.zip
diff --git a/index.html b/index.html
@@ -1,18 +1,110 @@
 <!DOCTYPE html>
 <html lang="en">
-      <head>
-            <meta charset="UTF-8" />
-            <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-            <meta
-                  name="viewport"
-                  content="width=device-width, initial-scale=1.0"
-            />
-            <title>Blog</title>
-        <script type="module" crossorigin src="/assets/index-1cf03590.js"></script>
-        <link rel="stylesheet" href="/assets/index-b3c9ade2.css">
-      </head>
-      <body>
-            <div id="app"></div>
-
-      </body>
-</html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WindowsIconCustomization</title>
+    <link rel="stylesheet" href="windowsIcon/css/font.css">
+    <link rel="stylesheet" href="windowsIcon/css/index.css">
+</head>
+
+<body>
+    <div class="home hideLeft">
+        <div class="leftNav">
+            <div class="top">
+                <div class="icon control iconfont">
+                    &#xe7d9;
+                </div>
+                <div class="search">
+                    <span class="icon iconfont small">&#xe620;</span>
+                    <div class="searchBig">
+                        <span class="icon iconfont inputIcon">&#xe620;</span>
+                        <input class="searchInput" type="text" placeholder="搜索">
+                    </div>
+                </div>
+                <p class="line"></p>
+                <h4 class="topTitle title">macOS图标库</h4>
+                <nav class="topNav">
+                    <ul class="navList">
+                        <li class="navItem">
+                            <span class="icon iconfont">&#xe674;</span>
+                            <span class="label">家</span>
+                        </li>
+                        <li class="navItem">
+                            <span class="icon iconfont">&#xe72d;</span>
+                            <span class="label">关于</span>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+            <div class="center">
+                <p class="line"></p>
+                <h4 class="centerTitle title">过滤器</h4>
+                <nav class="centerNav">
+                    <ul class="navList">
+                        <!-- <li class="navItem">
+                            <span class="icon iconfont">&#xe61f;</span>
+                            <span class="label">颜色</span>
+                        </li> -->
+                        <li class="navItem">
+                            <span class="icon iconfont">&#xe647;</span>
+                            <span class="label">文件类型</span>
+                        </li>
+                        <li class="navItem">
+                            <span class="icon iconfont">&#xe783;</span>
+                            <span class="label">公司</span>
+                        </li>
+                        <!-- <li class="navItem">
+                            <span class="icon iconfont">&#xe63e;</span>
+                            <span class="label">类别</span>
+                        </li> -->
+                        <!-- <li class="navItem">
+                            <span class="icon iconfont">&#xe600;</span>
+                            <span class="label">年</span>
+                        </li> -->
+                        <li class="navItem">
+                            <span class="icon iconfont">&#xeb88;</span>
+                            <span class="label">应用</span>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+            <div class="bottom">
+                <h3 class="title">
+                    有关的
+                </h3>
+                <nav class="about">
+                    <ul>
+                        <li class="navItem">
+                            <a href="#">iOS图标库</a>
+                            <span class="icon iconfont">&#xe74c;</span>
+                        </li>
+                        <li class="navItem">
+                            <a href="#">watchOS图标库</a>
+                            <span class="icon iconfont">&#xe74c;</span>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+        <div class="mainContent">
+            <div class="top">
+                <div class="leftTitle">
+                    <span id="title">图标</span>
+                    <span class="sum">(999)</span>
+                </div>
+                <div class="rightTool">
+                    占位工具
+                </div>
+            </div>
+            <div class="content showIconWrap">
+
+            </div>
+        </div>
+    </div>
+</body>
+<script src="windowsIcon/js/data.js"></script>
+<script src="windowsIcon/js/index.js"></script>
+
+</html>
diff --git a/index3.html b/index3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+      <head>
+            <meta charset="UTF-8" />
+            <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+            <meta
+                  name="viewport"
+                  content="width=device-width, initial-scale=1.0"
+            />
+            <title>Blog</title>
+        <script type="module" crossorigin src="/assets/index-1cf03590.js"></script>
+        <link rel="stylesheet" href="/assets/index-b3c9ade2.css">
+      </head>
+      <body>
+            <div id="app"></div>
+
+      </body>
+</html>
diff --git a/windowsIcon/asset/1716458856474.png b/windowsIcon/asset/1716458856474.png
diff --git a/windowsIcon/asset/1716515782501.png b/windowsIcon/asset/1716515782501.png
diff --git a/windowsIcon/asset/1716515799621.png b/windowsIcon/asset/1716515799621.png
diff --git a/windowsIcon/asset/1716515811590.png b/windowsIcon/asset/1716515811590.png
diff --git a/windowsIcon/asset/font/iconfont.css b/windowsIcon/asset/font/iconfont.css
@@ -0,0 +1,59 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4558692 */
+  src: url('iconfont.woff2?t=1716461296073') format('woff2'),
+       url('iconfont.woff?t=1716461296073') format('woff'),
+       url('iconfont.ttf?t=1716461296073') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-rili:before {
+  content: "\e600";
+}
+
+.icon-wenhao:before {
+  content: "\e72d";
+}
+
+.icon-wxbsousuotuiguang:before {
+  content: "\e620";
+}
+
+.icon-yaoyiyao:before {
+  content: "\e63e";
+}
+
+.icon-kaifashang:before {
+  content: "\e783";
+}
+
+.icon-yingyongAPP_o:before {
+  content: "\eb88";
+}
+
+.icon-manhuajia:before {
+  content: "\e647";
+}
+
+.icon-huabi:before {
+  content: "\e61f";
+}
+
+.icon-home:before {
+  content: "\e674";
+}
+
+.icon-youshangjiantou:before {
+  content: "\e74c";
+}
+
+.icon-m-kaiguan:before {
+  content: "\e7d9";
+}
+
diff --git a/windowsIcon/asset/font/iconfont.ttf b/windowsIcon/asset/font/iconfont.ttf
diff --git a/windowsIcon/asset/font/iconfont.woff b/windowsIcon/asset/font/iconfont.woff
diff --git a/windowsIcon/asset/font/iconfont.woff2 b/windowsIcon/asset/font/iconfont.woff2
diff --git a/windowsIcon/css/base.css b/windowsIcon/css/base.css
@@ -0,0 +1,57 @@
+    /* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+    html, body, div, span, applet, object, iframe,
+    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+    a, abbr, acronym, address, big, cite, code,
+    del, dfn, em, img, ins, kbd, q, s, samp,
+    small, strike, strong, sub, sup, tt, var,
+    b, u, i, center,
+    dl, dt, dd, ol, ul, li,
+    fieldset, form, label, legend,
+    table, caption, tbody, tfoot, thead, tr, th, td,
+    article, aside, canvas, details, embed,
+    figure, figcaption, footer, header, hgroup,
+    menu, nav, output, ruby, section, summary,
+    time, mark, audio, video {
+        margin: 0;
+        padding: 0;
+        border: 0;
+        font-size: 100%;
+        font: inherit;
+        vertical-align: baseline;
+    }
+
+    /* HTML5 display-role reset for older browsers */
+    article, aside, details, figcaption, figure,
+    footer, header, hgroup, menu, nav, section {
+        display: block;
+    }
+
+    body {
+        line-height: 1;
+    }
+
+    ol, ul {
+        list-style: none;
+    }
+
+    blockquote, q {
+        quotes: none;
+    }
+
+    blockquote:before, blockquote:after,
+    q:before, q:after {
+        content: '';
+        content: none;
+    }
+
+    table {
+        border-collapse: collapse;
+        border-spacing: 0;
+    }
+
+    a {
+        text-decoration: none;
+    }
diff --git a/windowsIcon/css/font.css b/windowsIcon/css/font.css
@@ -0,0 +1,14 @@
+@font-face {
+    font-family: 'iconfont';
+    src: url('../asset/font/iconfont.woff2?t=1716461296073') format('woff2'),
+        url('../asset/font/iconfont.woff?t=1716461296073') format('woff'),
+        url('../asset/font/iconfont.ttf?t=1716461296073') format('truetype');
+}
+
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
diff --git a/windowsIcon/css/index.css b/windowsIcon/css/index.css
@@ -0,0 +1,10 @@
+@import "./base.css";
+@import "./leftNav.css";
+@import "./mainContent.css";
+
+.home {
+    width: 100vw;
+    height: 100vh;
+    display: flex;
+    overflow: hidden;
+}