调整:部分表单

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> <h2 className="text-xl pb-4 pl-10"></h2>
<div className='w-full lg:w-[500px] md:ml-10'> <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> <Divider orientation="left"></Divider>
<div className="mb-8"> <div className="mb-8">
<Input <Input
@@ -121,7 +149,7 @@ const ThemePage = () => {
<Divider orientation="left"></Divider> <Divider orientation="left"></Divider>
<div className='overflow-auto w-full'> <div className='overflow-auto w-full'>
<div className="sidebar w-[750px] flex mb-4"> <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)}> <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' : ''}`}> <p className={`text-center ${theme.rightSidebar && JSON.parse(theme.rightSidebar).includes(item) ? 'text-primary' : ''}`}>
{item === 'author' ? '作者信息模块' : item === 'hotArticle' ? '热门文章模块' : item === 'randomArticle' ? '随机推荐模块' : '最新评论模块'} {item === 'author' ? '作者信息模块' : item === 'hotArticle' ? '热门文章模块' : item === 'randomArticle' ? '随机推荐模块' : '最新评论模块'}

View File

@@ -65,7 +65,7 @@ const WebPage = () => {
<Input placeholder="https://liuyuyang.net/favicon.ico" /> <Input placeholder="https://liuyuyang.net/favicon.ico" />
</Form.Item> </Form.Item>
<Form.Item {/* <Form.Item
label="光亮主题LOGO" label="光亮主题LOGO"
name="lightLogo" name="lightLogo"
rules={[{ required: true, message: '网站LOGO不能为空' }]} rules={[{ required: true, message: '网站LOGO不能为空' }]}
@@ -79,7 +79,7 @@ const WebPage = () => {
rules={[{ required: true, message: '网站LOGO不能为空' }]} rules={[{ required: true, message: '网站LOGO不能为空' }]}
> >
<Input placeholder="https://liuyuyang.net/logo.png" /> <Input placeholder="https://liuyuyang.net/logo.png" />
</Form.Item> </Form.Item> */}
<Form.Item <Form.Item
label="网站描述" label="网站描述"

View File

@@ -1,3 +1,8 @@
export interface Social {
name: string;
url: string;
}
// 系统信息 // 系统信息
export interface System { export interface System {
osName: string, osName: string,
@@ -13,8 +18,8 @@ export interface Web {
title: string, title: string,
subhead: string, subhead: string,
favicon: string, favicon: string,
lightLogo: string, // lightLogo: string,
darkLogo: string, // darkLogo: string,
description: string, description: string,
keyword: string, keyword: string,
footer: string, footer: string,
@@ -30,6 +35,8 @@ export type RightSidebar = "author" | "hotArticle" | "randomArticle" | "newComme
export interface Theme { export interface Theme {
isArticleLayout: string, isArticleLayout: string,
rightSidebar: string, rightSidebar: string,
lightLogo: string,
darkLogo: string,
swiperImage: string, swiperImage: string,
swiperText: string, swiperText: string,
social: string, social: string,

View File

@@ -3,8 +3,8 @@ import { Modal, notification } from "antd";
import { useUserStore } from "@/stores"; import { useUserStore } from "@/stores";
// 配置项目API域名 // 配置项目API域名
export const baseURL = "http://localhost:9003/api"; // export const baseURL = "http://localhost:9003/api";
// export const baseURL = "https://api.liuyuyang.net/api"; export const baseURL = "https://api.liuyuyang.net/api";
// 创建 axios 实例 // 创建 axios 实例
export const instance = axios.create({ export const instance = axios.create({