- {([
- { icon:
, label: '目录', action: () => openPanel('toc') },
- { icon:
, label: '界面', action: () => openPanel('style') },
- {
- icon: settings.night ?
:
,
- label: settings.night ? '日间' : '夜间',
- action: () => settings.toggleNight(),
- },
- {
- icon: settings.pageMode === 'page' ?
:
,
- label: settings.pageMode === 'page' ? '滚动' : '翻页',
- action: () => settings.setPageMode(settings.pageMode === 'page' ? 'scroll' : 'page'),
- },
- // 双页铺开只对漫画的翻页模式有意义;窗口太窄时并排两页没法看,
- // 干脆不显示入口(不是灰掉,避免用户以为坏了)。
- ...(contentType === 'image' && settings.pageMode === 'page' && windowWidth >= COMIC_SPREAD_MIN_WIDTH
- ? [
- {
- icon:
,
- label: settings.comicDoublePage ? '单页' : '双页',
- action: () => settings.setComicDoublePage(!settings.comicDoublePage),
- },
- ]
- : []),
- // 全屏:只在浏览器支持元素全屏时出现(iOS Safari 不支持,见上方注释)。
- ...(fullscreenSupported
- ? [
- {
- icon: fullscreen ?
:
,
- label: fullscreen ? '还原' : '全屏',
- action: toggleFullscreen,
- },
- ]
- : []),
- ...(canSwitchSource
- ? [
- {
- icon:
,
- label: '换源',
- action: () => {
- void openSourcePicker()
- },
- },
- ]
- : []),
- ]).map((item) => (
-
- ))}
+
} label="目录" onClick={() => openPanel('toc')} />
+
} label="界面" onClick={() => openPanel('style')} />
+
:
}
+ label={settings.night ? '日间' : '夜间'}
+ onClick={() => settings.toggleNight()}
+ />
+
:
}
+ label={settings.pageMode === 'page' ? '滚动' : '翻页'}
+ onClick={() => settings.setPageMode(settings.pageMode === 'page' ? 'scroll' : 'page')}
+ />
+ {contentType === 'image' && settings.pageMode === 'page' && windowWidth >= COMIC_SPREAD_MIN_WIDTH && (
+
}
+ label={settings.comicDoublePage ? '单页' : '双页'}
+ onClick={() => settings.setComicDoublePage(!settings.comicDoublePage)}
+ />
+ )}
+ {fullscreenSupported && (
+
:
}
+ label={fullscreen ? '还原' : '全屏'}
+ onClick={toggleFullscreen}
+ />
+ )}
+ {canSwitchSource && (
+
} label="换源" onClick={() => { void openSourcePicker() }} />
+ )}
{/* 界面设置面板(主题 / 字号 / 行距 / 段距 / 漫画图片尺寸) */}