achenc1013/ThriveX-Admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

自定义主题色

Browse Source
This commit is contained in:
宇阳
2024-07-25 20:24:44 +08:00
parent eb8c7129cd
commit 3bb8b157a4
1 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/App.tsx
View File

@@ -6,6 +6,7 @@ import PageTitle from './components/PageTitle';
import ECommerce from './pages/Dashboard/ECommerce'; import ECommerce from './pages/Dashboard/ECommerce';
import Create from './pages/Create'; import Create from './pages/Create';
import DefaultLayout from './layout/DefaultLayout'; import DefaultLayout from './layout/DefaultLayout';
import { ConfigProvider } from 'antd';
function App() { function App() {
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
@@ -22,29 +23,40 @@ function App() {
return loading ? ( return loading ? (
<Loader /> <Loader />
) : ( ) : (
<DefaultLayout> // 自定义主题色
<Routes> <ConfigProvider
<Route theme={{
index token: {
element={ // Seed Token，影响范围大
<> colorPrimary: '#727cf5',
<PageTitle title="eCommerce Dashboard | TailAdmin - Tailwind CSS Admin Dashboard Template" /> },
<ECommerce /> }}
</> >
} <DefaultLayout>
/> <Routes>
<Route
index
element={
<>
<PageTitle title="eCommerce Dashboard | TailAdmin - Tailwind CSS Admin Dashboard Template" />
<ECommerce />
</>
}
/>
<Route
path="/create"
element={
<>
<PageTitle title="Calendar | TailAdmin - Tailwind CSS Admin Dashboard Template" />
<Create />
</>
}
/>
</Routes>
</DefaultLayout>
</ConfigProvider>
<Route
path="/create"
element={
<>
<PageTitle title="Calendar | TailAdmin - Tailwind CSS Admin Dashboard Template" />
<Create />
</>
}
/>
</Routes>
</DefaultLayout>
); );
} }