yingzi2019
|
46e8effa40
|
fix: 修复Safari和Chrome浏览器底部控件显示问题
## 问题描述
在Safari和Chrome浏览器中,登录成功后底部的控件(tabbar)不显示,而在UC浏览器中可以正常显示。
## 解决方案
1. 使用dvh单位替换vh单位,以适应不同浏览器的动态视口高度
2. 为不支持dvh的浏览器提供降级方案,使用calc(100vh - var(--vh-offset))
3. 添加视口高度处理工具函数,动态计算和更新视口高度偏移量
## 修改内容
- 修改layout/index.vue中的高度单位
- 修改index.html中的加载动画容器高度
- 添加视口高度处理工具函数
- 在应用启动时初始化视口高度处理
## 相关issue
Closes #38
|
2025-08-04 02:18:51 +08:00 |
|
xiangshu233
|
d2c4fd207b
|
refactor: ♻️ refactor dark mode using vueuse useDark
|
2024-03-10 21:08:06 +08:00 |
|
xiangshu233
|
e62d5988e1
|
fix: 🐛 修复 Storage 在缺失 DESIGN-SETTING 时设置根节点属性的错误
|
2024-03-05 00:34:51 +08:00 |
|
xiangshu233
|
5351c56aa1
|
refactor: ♻️ 优化 loading icon 设置主题颜色逻辑
|
2024-02-26 21:35:28 +08:00 |
|
xiangshu233
|
3b02172ca2
|
chore: ⏪ loading icon follow the appTheme
|
2024-02-26 21:22:34 +08:00 |
|
xiangshu233
|
1e8f780b78
|
refactor: ♻️ 修复原子化 css 移动端适配问题
在写原子化 css 的时候通过 unocss 的 presetRemToPx 预设它可以原子化默认 rem 转换成 px,最后再由 postcss 把 px 转成 vw,从而让我们无痛使用原子化css
closed #6, #20
|
2024-02-20 21:28:56 +08:00 |
|
xiangshu233
|
cb91140ab8
|
style: 💄 eslint --fix
|
2024-02-17 13:52:03 +08:00 |
|
傲慢或香橙
|
5ab84728ee
|
initial commit
|
2022-10-14 16:56:19 +08:00 |
|