Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
b1ad1442
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3046
Star
102
Fork
765
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
87
列表
看板
标记
里程碑
合并请求
59
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
87
Issue
87
列表
看板
标记
里程碑
合并请求
59
合并请求
59
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b1ad1442
编写于
10月 09, 2021
作者:
F
fasttian
提交者:
Gitee
10月 09, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
c096f46d
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
13 addition
and
2 deletion
+13
-2
docs/adapt.md
docs/adapt.md
+13
-2
未找到文件。
docs/adapt.md
浏览文件 @
b1ad1442
...
...
@@ -26,9 +26,20 @@ uni-app提供的屏幕适配方案,包括3部分:
这套方案是已知的、最便捷的分栏式宽屏应用适配方案。
__H5 宽屏下 tabBar(选项卡) 与窗体的关系__
__H5 宽屏下 tabBar(选项卡) 的显示与隐藏__
如果在 PC 上不想显示 tabbar 页面可以参考 hello-uniapp,在 app 的首页加载时跳转一个 非tabbar 页,
[
hello-uniapp
](
https://hellouniapp.dcloud.net.cn/
)
的隐藏 tabbar 不是媒体查询实现的,当前页不是 tabbar 页面(是pages/component/view/view页),所以没有显示tabbar。
如果是想在有 leftwindow 等窗体的时候,隐藏 tabar 页面的 tabbar,可以用 css 实现(好处是可以和leftwindow等窗体联动):
```
html
.uni-app--showleftwindow + .uni-tabbar-bottom {
display: none;
}
```
> 目前做如下调整:leftWindow、rightWindow、topWindow 中有其一存在,则 tabBar 隐藏;不存在,则不隐藏。
leftWindow等配置,在pages.json里进行。文档见:
[
https://uniapp.dcloud.net.cn/collocation/pages?id=topwindow
](
https://uniapp.dcloud.net.cn/collocation/pages?id=topwindow
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录