diff --git a/README.md b/README.md index 76ebbf5..be6d77f 100644 --- a/README.md +++ b/README.md @@ -19,9 +19,9 @@ https://github.com/027xiguapi/code-box - [Edge网上应用商店](https://microsoftedge.microsoft.com/addons/Microsoft-Edge-Extensions-Home?hl=zh-CN) 2. 搜索：`codebox` -![1723513894421.jpg](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/1723513894421.jpg) -![img](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/img.png) - +![1723513894421.jpg](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/webstore/1723513894421.jpg) +![img](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/webstore/img.png) +![1724640161752](https://raw.githubusercontent.com/027xiguapi/code-box/main/public/webstore/1724640161752.jpg) ### 安装方式二：直接安装 diff --git a/options/index.tsx b/options/index.tsx index 5a0a88e..55df6d3 100644 --- a/options/index.tsx +++ b/options/index.tsx @@ -170,7 +170,7 @@ export default function IndexOptions() {
{chrome.i18n.getMessage("support")}👍 diff --git a/package.json b/package.json index 8cf8123..97b81c8 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,10 @@ "@types/node": "20.11.5", "@types/react": "18.2.48", "@types/react-dom": "18.2.18", + "postcss": "^8.2.1", + "postcss-modules": "^4.3.0", "prettier": "3.2.4", + "sass": "^1.77.8", "sharp": "^0.33.4", "typescript": "5.3.3" }, diff --git a/popup/index.tsx b/popup/index.tsx index d0144fd..0c643a9 100644 --- a/popup/index.tsx +++ b/popup/index.tsx @@ -36,7 +36,7 @@ export default function IndexPopup() {
{chrome.i18n.getMessage("support")}👍 diff --git a/public/1723513894421.jpg b/public/webstore/1723513894421.jpg similarity index 100% rename from public/1723513894421.jpg rename to public/webstore/1723513894421.jpg diff --git a/public/webstore/1724640034462.jpg b/public/webstore/1724640034462.jpg new file mode 100644 index 0000000..c2fdc2e Binary files /dev/null and b/public/webstore/1724640034462.jpg differ diff --git a/public/webstore/1724640161752.jpg b/public/webstore/1724640161752.jpg new file mode 100644 index 0000000..0b2a33d Binary files /dev/null and b/public/webstore/1724640161752.jpg differ diff --git a/public/img.png b/public/webstore/img.png similarity index 100% rename from public/img.png rename to public/webstore/img.png diff --git a/public/wx/qrcode_wx.jpg b/public/wx/qrcode_wx.jpg new file mode 100644 index 0000000..f41f077 Binary files /dev/null and b/public/wx/qrcode_wx.jpg differ diff --git a/public/wx/wx_logo.jpg b/public/wx/wx_logo.jpg new file mode 100644 index 0000000..5454e3f Binary files /dev/null and b/public/wx/wx_logo.jpg differ diff --git a/tabs/feed.html b/tabs/feed.html new file mode 100644 index 0000000..376d94b --- /dev/null +++ b/tabs/feed.html @@ -0,0 +1,9 @@ + + + + codexbox-支持 + + + + + \ No newline at end of file diff --git a/tabs/feed.module.scss b/tabs/feed.module.scss new file mode 100644 index 0000000..137a1ce --- /dev/null +++ b/tabs/feed.module.scss @@ -0,0 +1,17 @@ +.feed { + display: flex; + flex-direction: column; + padding: 16px; + :global { + .item { + text-align: center; + .item-img { + width: 80%; + } + .desc { + font-size: 16px; + display: block; + } + } + } +} diff --git a/tabs/feed.tsx b/tabs/feed.tsx new file mode 100644 index 0000000..47fc169 --- /dev/null +++ b/tabs/feed.tsx @@ -0,0 +1,53 @@ +import chromeUrl from "raw:~/public/webstore/1723513894421.jpg" +import githubUrl from "raw:~/public/webstore/1724640034462.jpg" +import edgeUrl from "raw:~/public/webstore/1724640161752.jpg" +import firefoxUrl from "raw:~/public/webstore/img.png" +import qrcodeUrl from "raw:~/public/wx/qrcode_wx.jpg" + +import styles from "./feed.module.scss" + +export default function FeedPage() { + return ( +
+
+

微信公众号

+ 微信公众号 +
+
+

github

+ +
+ 网站(https://github.com/027xiguapi/code-box) +
+ github + +
+
+

应用商店

+ +
Chrome
+ Chrome + + +
Firefox
+ Firefox + + +
Edge
+ Edge + +
+
+ ) +} diff --git a/tabs/history.css b/tabs/history.css deleted file mode 100644 index c8d1748..0000000 --- a/tabs/history.css +++ /dev/null @@ -1,7 +0,0 @@ -.content { - width: 1000px; - margin: 0 auto; - .keyword-lighten { - background-color: gold; - } -} \ No newline at end of file diff --git a/tabs/history.module.scss b/tabs/history.module.scss new file mode 100644 index 0000000..5ecef3e --- /dev/null +++ b/tabs/history.module.scss @@ -0,0 +1,14 @@ +.history { + display: flex; + flex-direction: column; + padding: 16px; + :global { + .content { + width: 1000px; + margin: 0 auto; + .keyword-lighten { + background-color: gold; + } + } + } +} diff --git a/tabs/history.tsx b/tabs/history.tsx index f778e58..af3f285 100644 --- a/tabs/history.tsx +++ b/tabs/history.tsx @@ -12,12 +12,12 @@ import { import dayjs from "dayjs" import React, { useEffect, useState } from "react" -import "./history.css" - import { useStorage } from "@plasmohq/storage/hook" import { ThemeProvider } from "~theme" +import styles from "./history.module.scss" + const { Content } = Layout interface DataType { @@ -185,12 +185,7 @@ export default function HistoryPage() { return ( -
+

历史列表

{/*
*/} {/* */}