全部
常见问题
产品动态
精选推荐

uni-page-body高度无法100%

管理 管理 编辑 删除

参考内容: https://ask.dcloud.net.cn/question/74955

相信大家都有遇到这个奇葩的问题,首相说我的架构,我用的是 uni-app,标签用的是 pug 相信大家也不陌生

1.先看我的scss文件,高度和宽度都设置了100%

2dfce202306021537262080.png

5323d202306021537403351.png

2.网上有说在 App.vue 里面添加 html,body,#app {height: 100%;},我尝试了是不行的,因为我用的是pug,估计用在普通的html标签是可行的,具体我没有测试,然后我的解决方案,看到 uni-page-body,这个就是我们的uni的page标签,可以看到这里只设置了宽度100%,高度没有设置

32887202306021537579385.png

3.知道标签是怎么就好处理了,直接在App.vue 的style下面设置
uni-page-body,#app {height: 100%;}

7a269202306021538267812.png

再打开goolge看看效果,这里就有个样式设置了,设置颜色是为了看出效果

a107c202306021538441025.png

CRMEB-慕白寒窗雪 最后编辑于2023-06-02 15:39:02

快捷回复
回复({{post_count}}) {{!is_user ? '我的回复' :'全部回复'}}
回复从新到旧

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}}

作者 管理员 企业

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest==1? '取消推荐': '推荐'}}
{{item.floor}}#
{{item.user_info.title}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

作者 管理员 企业

回复 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}   {{itemc.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
回复
查看更多
回复
回复
1286
{{like_count}}
{{collect_count}}
添加回复 ({{post_count}})

相关推荐

CRMEB-慕白寒窗雪 作者
社区运营专员---高冷のBoy | 呆萌のGirl

回答

1983

发布

1768

经验

43964

快速安全登录

使用微信扫码登录
{{item.label}} {{item.label}} {{item.label}} 板块推荐 常见问题 产品动态 精选推荐 首页头条 首页动态 首页推荐
加精
取 消 确 定
回复
回复
问题:
问题自动获取的帖子内容,不准确时需要手动修改. [获取答案]
答案:
提交
bug 需求 取 消 确 定

微信登录/注册

切换手机号登录

{{ bind_phone ? '绑定手机' : '手机登录'}}

{{codeText}}
切换微信登录/注册
暂不绑定
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 开源下载 CRMEB官方论坛 帮助文档
返回顶部 返回顶部
CRMEB客服