From 3c586649b6260260ab82e549171d69c3db4118dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Liu=20=E5=AE=87=E9=98=B3?= <liuyuyang1024@yeah.net>
Date: Wed, 13 Nov 2024 14:22:35 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=EF=BC=9A=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Setup/components/Theme/index.tsx | 30 +++++++++++++++++++++-
 src/pages/Setup/components/Web/index.tsx   |  4 +--
 src/types/app/project.d.ts                 | 11 ++++++--
 src/utils/request.ts                       |  4 +--
 4 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/pages/Setup/components/Theme/index.tsx b/src/pages/Setup/components/Theme/index.tsx
index 0c25e91..9bf393c 100644
--- a/src/pages/Setup/components/Theme/index.tsx
+++ b/src/pages/Setup/components/Theme/index.tsx
@@ -71,6 +71,34 @@ const ThemePage = () => {
                 <h2 className="text-xl pb-4 pl-10">主题配置</h2>
 
                 <div className='w-full lg:w-[500px] md:ml-10'>
+                    <Divider orientation="left">亮色主题 Logo</Divider>
+                    <div className="mb-8">
+                        <Input
+                            value={theme.lightLogo}
+                            onChange={(e) => setTheme({ ...theme, lightLogo: e.target.value })}
+                            placeholder="请输入亮色Logo地址"
+                            prefix={<PictureOutlined />}
+                            addonAfter={<UploadBtn />}
+                            size='large'
+                            className='customizeAntdInputAddonAfter'
+                        />
+                        <img src={theme.lightLogo} alt="" className="w-1/3 mt-4 rounded" />
+                    </div>
+
+                    <Divider orientation="left">暗色主题 Logo</Divider>
+                    <div className="mb-8">
+                        <Input
+                            value={theme.darkLogo}
+                            onChange={(e) => setTheme({ ...theme, darkLogo: e.target.value })}
+                            placeholder="请输入暗色Logo地址"
+                            prefix={<PictureOutlined />}
+                            addonAfter={<UploadBtn />}
+                            size='large'
+                            className='customizeAntdInputAddonAfter'
+                        />
+                        <img src={theme.darkLogo} alt="" className="w-1/3 mt-4 rounded" />
+                    </div>
+
                     <Divider orientation="left">首页背景图</Divider>
                     <div className="mb-8">
                         <Input
@@ -121,7 +149,7 @@ const ThemePage = () => {
                     <Divider orientation="left">侧边栏</Divider>
                     <div className='overflow-auto w-full'>
                         <div className="sidebar w-[750px] flex mb-4">
-                            {['author', 'randomArticle', 'hotArticle', 'newComments'].map((item) => (
+                            {['author', 'randomArticle', 'newComments', 'hotArticle'].map((item) => (
                                 <div key={item} className={`item flex flex-col items-center p-4 m-4 border-2 rounded cursor-pointer ${theme.rightSidebar && JSON.parse(theme.rightSidebar).includes(item) ? 'border-primary' : 'border-[#eee]'}`} onClick={() => onSidebar(item)}>
                                     <p className={`text-center ${theme.rightSidebar && JSON.parse(theme.rightSidebar).includes(item) ? 'text-primary' : ''}`}>
                                         {item === 'author' ? '作者信息模块' : item === 'hotArticle' ? '热门文章模块' : item === 'randomArticle' ? '随机推荐模块' : '最新评论模块'}
diff --git a/src/pages/Setup/components/Web/index.tsx b/src/pages/Setup/components/Web/index.tsx
index e9e59c4..898b816 100644
--- a/src/pages/Setup/components/Web/index.tsx
+++ b/src/pages/Setup/components/Web/index.tsx
@@ -65,7 +65,7 @@ const WebPage = () => {
                     <Input placeholder="https://liuyuyang.net/favicon.ico" />
                 </Form.Item>
 
-                <Form.Item
+                {/* <Form.Item
                     label="光亮主题LOGO"
                     name="lightLogo"
                     rules={[{ required: true, message: '网站LOGO不能为空' }]}
@@ -79,7 +79,7 @@ const WebPage = () => {
                     rules={[{ required: true, message: '网站LOGO不能为空' }]}
                 >
                     <Input placeholder="https://liuyuyang.net/logo.png" />
-                </Form.Item>
+                </Form.Item> */}
 
                 <Form.Item
                     label="网站描述"
diff --git a/src/types/app/project.d.ts b/src/types/app/project.d.ts
index 5efbd09..5afaf27 100644
--- a/src/types/app/project.d.ts
+++ b/src/types/app/project.d.ts
@@ -1,3 +1,8 @@
+export interface Social {
+    name: string;
+    url: string;
+}
+
 // 系统信息
 export interface System {
     osName: string,
@@ -13,8 +18,8 @@ export interface Web {
     title: string,
     subhead: string,
     favicon: string,
-    lightLogo: string,
-    darkLogo: string,
+    // lightLogo: string,
+    // darkLogo: string,
     description: string,
     keyword: string,
     footer: string,
@@ -30,6 +35,8 @@ export type RightSidebar = "author" | "hotArticle" | "randomArticle" | "newComme
 export interface Theme {
     isArticleLayout: string,
     rightSidebar: string,
+    lightLogo: string,
+    darkLogo: string,
     swiperImage: string,
     swiperText: string,
     social: string,
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 2251db8..501f032 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -3,8 +3,8 @@ import { Modal, notification } from "antd";
 import { useUserStore } from "@/stores";
 
 // 配置项目API域名
-export const baseURL = "http://localhost:9003/api";
-// export const baseURL = "https://api.liuyuyang.net/api";
+// export const baseURL = "http://localhost:9003/api";
+export const baseURL = "https://api.liuyuyang.net/api";
 
 // 创建 axios 实例
 export const instance = axios.create({