调整:部分表单

This commit is contained in:
Liu 宇阳
2024-11-13 14:22:35 +08:00
parent 1a20d60841
commit 3c586649b6
4 changed files with 42 additions and 7 deletions

View File

@@ -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' ? '随机推荐模块' : '最新评论模块'}

View File

@@ -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="网站描述"

View File

@@ -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,

View File

@@ -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({