Skip to content

Commit

Permalink
linmo_后台v1.2
Browse files Browse the repository at this point in the history
  • Loading branch information
@LinMoQC
LinMoQC committed Feb 5, 2024
1 parent c8b1816 commit 82e4d2e
Show file tree
Hide file tree
Showing 3 changed files with 63 additions and 61 deletions.
1 change: 1 addition & 0 deletions src/pages/Dashboard/Friends/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,6 +111,7 @@ const Friends = () => {
const handleItemClick = (key: number) => {
// 检查当前图片对应的复选框状态
const isChecked = checkStatus[key] || false;
console.log(isChecked)

// 更新复选框状态
setCheckStatus(prevState => ({
Expand Down
4 changes: 2 additions & 2 deletions src/pages/Dashboard/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -320,12 +320,12 @@ li.search-box input {
/*面板*/
.content{
float: right;
width: 96%;
width: 100%;
height: 100%;
/*background-color: var(--body-color);*/
background: url("../../assets/adminBackground.jpg") center center;
background-size: cover;
padding: 50px;
/*padding: 50px;*/
display: flex;
align-items: center;
justify-content: center;
Expand Down
119 changes: 60 additions & 59 deletions src/pages/Dashboard/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -148,70 +148,71 @@ const Dashboard = () => {
) : (
// 渲染实际的组件
<>
<div className={`shell ${isShellClosed ? 'close' : ''} ${isDarkMode ? 'dark' : ''} slider`}>
<nav className={`shell ${isShellClosed ? 'close' : ''} ${isDarkMode ? 'dark' : '' }`}>
<header>
<div className="image-text">

<div className={`content ${isDarkMode ? 'contentDark' : ''}`}>
<div className={`shell ${isShellClosed ? 'close' : ''} ${isDarkMode ? 'dark' : ''} slider`}>
<nav className={`shell ${isShellClosed ? 'close' : ''} ${isDarkMode ? 'dark' : '' }`}>
<header>
<div className="image-text">
<span className="image">
<img src={avator} alt="" />
</span>
<div className="text logo-text">
<span className="name">林陌青川</span>
<p className="onesay">"渺沧海之一粟"</p>
</div>
</div>
<i className="iconfont icon-iconfonticonfontarrowright toggle" onClick={handleToggleClick} style={{fontSize: 20}}></i>
</header>

<div className="menu-bar">
<div className="menu">
<li className="search-box" onClick={handleSearchClick}>
<i className="iconfont icon-sousuo1 icon"></i>
<input type="text" placeholder="search..." />
</li>

<ul className="menu-links">
{sidebar.map(item => (
<li className={`nav-links ${SelectCurrent === item.index ? 'nav_select' : ''}`}
onClick={() => {
navigate(item.to)
setSelectCurrent(item.index)
}} key={item.index}>
<i className={`iconfont ${item.icon} icon`}></i>
<span className="text nac-text">{item.name}</span>
</li>
))}
</ul>
</div>

<div className="bottom-content">
<li className="nav-links" onClick={() => navigate('usercontrol')}>
<i className="iconfont icon-iconfontcog icon"></i>
<span className="text nac-text">用户管理</span>
</li>

<li className="nav-links" onClick={openNotification}>
<i className="iconfont icon-tuichu icon"></i>
<span className="text nac-text">退出登录</span>
</li>

<li className="mode">
<div className="sun-moon">
{isDarkMode?<i className={`iconfont icon-taiyang1 icon ${isDarkMode ? 'moon' : 'sun'}`}></i>:
<i className={`iconfont icon-moonyueliang icon ${isDarkMode ? 'sun' : 'moon'}`}></i>}
<div className="text logo-text">
<span className="name">林陌青川</span>
<p className="onesay">"渺沧海之一粟"</p>
</div>
</div>
<i className="iconfont icon-iconfonticonfontarrowright toggle" onClick={handleToggleClick} style={{fontSize: 20}}></i>
</header>

<div className="menu-bar">
<div className="menu">
<li className="search-box" onClick={handleSearchClick}>
<i className="iconfont icon-sousuo1 icon"></i>
<input type="text" placeholder="search..." />
</li>

<ul className="menu-links">
{sidebar.map(item => (
<li className={`nav-links ${SelectCurrent === item.index ? 'nav_select' : ''}`}
onClick={() => {
navigate(item.to)
setSelectCurrent(item.index)
}} key={item.index}>
<i className={`iconfont ${item.icon} icon`}></i>
<span className="text nac-text">{item.name}</span>
</li>
))}
</ul>
</div>

<div className="bottom-content">
<li className="nav-links" onClick={() => navigate('usercontrol')}>
<i className="iconfont icon-iconfontcog icon"></i>
<span className="text nac-text">用户管理</span>
</li>

<li className="nav-links" onClick={openNotification}>
<i className="iconfont icon-tuichu icon"></i>
<span className="text nac-text">退出登录</span>
</li>

<li className="mode">
<div className="sun-moon">
{isDarkMode?<i className={`iconfont icon-taiyang1 icon ${isDarkMode ? 'moon' : 'sun'}`}></i>:
<i className={`iconfont icon-moonyueliang icon ${isDarkMode ? 'sun' : 'moon'}`}></i>}
</div>
<span className="mode-text text">{isDarkMode ? '白日模式' : '夜间模式'}</span>
<div className="toggle-switch">
<Switch handleModeSwitch={handleModeSwitch}/>
</div>

</li>
</div>
</div>
<span className="mode-text text">{isDarkMode ? '白日模式' : '夜间模式'}</span>
<div className="toggle-switch">
<Switch handleModeSwitch={handleModeSwitch}/>
</div>

</li>
</nav>
</div>
</div>
</nav>
</div>
<div className={`content ${isDarkMode ? 'contentDark' : ''}`}>
<Card style={{ width: 1400,height: 740 }} className={`Card ${isDarkMode ? 'CardDark' : ''}`}>
<Card style={{ width: "90%",height: '95%' ,marginLeft:80}} className={`Card ${isDarkMode ? 'CardDark' : ''}`}>
<MainContext.Provider value={isDarkMode.toString()}>
<Outlet />
</MainContext.Provider>
Expand Down

0 comments on commit 82e4d2e

Please sign in to comment.