调整:部分表单
This commit is contained in:
@@ -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' ? '随机推荐模块' : '最新评论模块'}
|
||||||
|
|||||||
@@ -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="网站描述"
|
||||||
|
|||||||
11
src/types/app/project.d.ts
vendored
11
src/types/app/project.d.ts
vendored
@@ -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,
|
||||||
|
|||||||
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user