style(appShell): 优化应用外壳及底部导航样式与结构

- 在 tailwind 配置中添加应用外壳相关的 safelist 类名
- 替换 App.tsx 中应用外壳容器的类名,去除多余的内边距容器
- 在现代和遗留样式文件中新增移动端全屏、桌面居中列的样式规则
- 新增底部导航外层和内层的样式及响应式布局支持
- appShell.ts 中将样式类改为统一的 x8- 前缀类名
- BottomNav 组件使用新的样式类名以匹配样式调整
- Home 页面 ListRow 组件支持可选缩略图展示,增加界面展示丰富度
This commit is contained in:
eafonyang
2026-06-03 11:52:57 +08:00
parent 28aa90296f
commit ccc404b75a
7 changed files with 156 additions and 15 deletions
+6
View File
@@ -29,5 +29,11 @@ module.exports = {
},
},
plugins: [],
safelist: [
"x8-app-shell-outer",
"x8-app-shell-column",
"x8-bottom-nav-outer",
"x8-bottom-nav-inner",
],
};