Kaynağa Gözat

fe-37 修改侧边栏条目

master
Chunxian Zhang 2 yıl önce
ebeveyn
işleme
3f0c3cc6b7
4 değiştirilmiş dosya ile 36 ekleme ve 21 silme
  1. +1
    -1
      lazy-timer-fe/src/App.js
  2. +1
    -1
      lazy-timer-fe/src/components/Footer.jsx
  3. +2
    -2
      lazy-timer-fe/src/components/Sidebar.jsx
  4. +32
    -17
      lazy-timer-fe/src/data/dummy.js

+ 1
- 1
lazy-timer-fe/src/App.js Dosyayı Görüntüle

@ -66,7 +66,7 @@ const App = () => {
<Routes>
{/* dashboard */}
<Route path="/" element={(<Ecommerce />)} />
<Route path="/ecommerce" element={(<Ecommerce />)} />
<Route path="/overview" element={(<Ecommerce />)} />
{/* pages */}
<Route path="/orders" element={<Orders />} />

+ 1
- 1
lazy-timer-fe/src/components/Footer.jsx Dosyayı Görüntüle

@ -3,7 +3,7 @@ import React from 'react';
const Footer = () => (
<div className="mt-24">
<p className="dark:text-gray-200 text-gray-700 text-center m-20">
© 2022 All rights reserved by Shoppy.com
© 2022 All rights reserved by 1836891291@qq.com
</p>
</div>
);

+ 2
- 2
lazy-timer-fe/src/components/Sidebar.jsx Dosyayı Görüntüle

@ -46,8 +46,8 @@ const Sidebar = () => {
</p>
{item.links.map((link) => (
<NavLink
to={`/${link.name}`}
key={link.name}
to={`/${link.englishName}`}
key={link.englishName}
onClick={handleCloseSideBar}
style={({ isActive }) => ({
backgroundColor: isActive ? currentColor : '',

+ 32
- 17
lazy-timer-fe/src/data/dummy.js Dosyayı Görüntüle

@ -471,87 +471,102 @@ export const employeesGrid = [
export const links = [
{
title: 'Dashboard',
title: '数据面板',
links: [
{
name: 'ecommerce',
name: '总览',
englishName: 'overview',
icon: <FiShoppingBag />,
},
],
},
{
title: 'Pages',
links: [
{
name: 'orders',
name: '表格',
englishName: 'customers',
icon: <RiContactsLine />,
},
{
name: '屏幕使用时间',
englishName: 'orders',
icon: <AiOutlineShoppingCart />,
},
{
name: 'employees',
name: '第一次屏幕使用',
englishName: 'employees',
icon: <IoMdContacts />,
},
{
name: 'customers',
name: '最后一次屏幕使用',
englishName: 'customers',
icon: <RiContactsLine />,
},
],
},
{
title: 'Apps',
title: '标签',
links: [
{
name: 'calendar',
name: '学习',
englishName: 'calendar',
icon: <AiOutlineCalendar />,
},
{
name: 'kanban',
name: '工作',
englishName: 'kanban',
icon: <BsKanban />,
},
{
name: 'editor',
name: '娱乐',
englishName: 'editor',
icon: <FiEdit />,
},
{
name: 'color-picker',
name: '生活',
englishName: 'color-picker',
icon: <BiColorFill />,
},
],
},
{
title: 'Charts',
title: '单项',
links: [
{
name: 'line',
englishName: 'line',
icon: <AiOutlineStock />,
},
{
name: 'area',
englishName: 'area',
icon: <AiOutlineAreaChart />,
},
{
name: 'bar',
englishName: 'bar',
icon: <AiOutlineBarChart />,
},
{
name: 'pie',
englishName: 'pie',
icon: <FiPieChart />,
},
{
name: 'financial',
englishName: 'financial',
icon: <RiStockLine />,
},
{
name: 'color-mapping',
englishName: 'color-mapping',
icon: <BsBarChart />,
},
{
name: 'pyramid',
englishName: 'pyramid',
icon: <GiLouvrePyramid />,
},
{
name: 'stacked',
englishName: 'stacked',
icon: <AiOutlineBarChart />,
},
],

Yükleniyor…
İptal
Kaydet