yeyinly/MoonTVPlus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

本地设置选项卡增加图标

Browse Source
This commit is contained in:
mtvpls
2026-01-18 00:23:11 +08:00
parent cdb1c603b6
commit 23430c5f65
1 changed files with 34 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/UserMenu.tsx
+34 -15
View File
@@ -12,15 +12,19 @@ import {
ExternalLink, ExternalLink,
Eye, Eye,
EyeOff, EyeOff,
Gauge,
Globe,
Home, Home,
KeyRound, KeyRound,
LogOut, LogOut,
Mail, Mail,
MessageSquare,
MoveDown, MoveDown,
MoveUp, MoveUp,
Rss, Rss,
Settings, Settings,
Shield, Shield,
Sliders,
Star, Star,
User, User,
X, X,
@@ -1184,9 +1188,12 @@ export const UserMenu: React.FC = () => {
onClick={() => setIsDoubanSectionOpen(!isDoubanSectionOpen)} onClick={() => setIsDoubanSectionOpen(!isDoubanSectionOpen)}
className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between' className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between'
> >
<h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'> <div className='flex items-center gap-2'>
网络设置 <Globe className='w-5 h-5 text-gray-600 dark:text-gray-400' />
</h3> <h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'>
网络设置
</h3>
</div>
{isDoubanSectionOpen ? ( {isDoubanSectionOpen ? (
<ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' /> <ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' />
) : ( ) : (
@@ -1435,9 +1442,12 @@ export const UserMenu: React.FC = () => {
onClick={() => setIsUsageSectionOpen(!isUsageSectionOpen)} onClick={() => setIsUsageSectionOpen(!isUsageSectionOpen)}
className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between' className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between'
> >
<h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'> <div className='flex items-center gap-2'>
通用设置 <Sliders className='w-5 h-5 text-gray-600 dark:text-gray-400' />
</h3> <h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'>
通用设置
</h3>
</div>
{isUsageSectionOpen ? ( {isUsageSectionOpen ? (
<ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' /> <ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' />
) : ( ) : (
@@ -1680,9 +1690,12 @@ export const UserMenu: React.FC = () => {
onClick={() => setIsBufferSectionOpen(!isBufferSectionOpen)} onClick={() => setIsBufferSectionOpen(!isBufferSectionOpen)}
className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between' className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between'
> >
<h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'> <div className='flex items-center gap-2'>
缓冲设置 <Gauge className='w-5 h-5 text-gray-600 dark:text-gray-400' />
</h3> <h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'>
缓冲设置
</h3>
</div>
{isBufferSectionOpen ? ( {isBufferSectionOpen ? (
<ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' /> <ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' />
) : ( ) : (
@@ -1787,9 +1800,12 @@ export const UserMenu: React.FC = () => {
onClick={() => setIsDanmakuSectionOpen(!isDanmakuSectionOpen)} onClick={() => setIsDanmakuSectionOpen(!isDanmakuSectionOpen)}
className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between' className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between'
> >
<h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'> <div className='flex items-center gap-2'>
弹幕设置 <MessageSquare className='w-5 h-5 text-gray-600 dark:text-gray-400' />
</h3> <h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'>
弹幕设置
</h3>
</div>
{isDanmakuSectionOpen ? ( {isDanmakuSectionOpen ? (
<ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' /> <ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' />
) : ( ) : (
@@ -1873,9 +1889,12 @@ export const UserMenu: React.FC = () => {
onClick={() => setIsHomepageSectionOpen(!isHomepageSectionOpen)} onClick={() => setIsHomepageSectionOpen(!isHomepageSectionOpen)}
className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between' className='w-full px-3 py-2.5 md:px-4 md:py-3 bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-750 transition-colors flex items-center justify-between'
> >
<h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'> <div className='flex items-center gap-2'>
首页设置 <Home className='w-5 h-5 text-gray-600 dark:text-gray-400' />
</h3> <h3 className='text-base font-semibold text-gray-800 dark:text-gray-200'>
首页设置
</h3>
</div>
{isHomepageSectionOpen ? ( {isHomepageSectionOpen ? (
<ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' /> <ChevronUp className='w-5 h-5 text-gray-600 dark:text-gray-400' />
) : ( ) : (