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