vant-weapp的tabs适配问题

lanweipeng

44251149

发布于
2020-03-22

截屏2020-03-22下午9.01.06.png
tabs（头条，社会。。。）那一栏的下面是scroview，然后我scroview的高度怎么计算

css 微信小程序

阅读 4.5k

1 个回答

得票最新

蛋先生DX

30715

发布于
2020-03-23

使用 flex 布局，上面的 tabs 设置高度，然后其余空间都给到 scroll view。

懒得打开微信开发者工具，你把 body div 换成小程序的 view 就行了

<body style="height: 100vh; display: flex; flex-direction: column;">
  <div style="height: 100px; background-color: orange;">Tabs</div>
  <div style="flex-grow: 1; background-color: orchid;">scroll view</div>
</body>

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2.2k 阅读
CSS如何巧妙实现标题居中、关闭按钮居右效果？
比方说这个，父盒子有左右 padding，中间是标题，右边是关闭按钮。有不通过定位的方式，巧妙实现么？
3 回答2.6k 阅读
Scss的rgba()方法无法对变量进行二次编译？
如题所示。想通过主题色去控制阴影颜色透明度，scss提供的rgba($color, $alpha)就可以实现但是--app-color: v-bind("appInfo.color"); $appColor: rgba(var(--app-color), 0.45)无法生效，仅可不使用变量$appColor: rgba(#f36, 0.45)才可生效
2 回答1.2k 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...
2 回答993 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...
2 回答537 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
2 回答881 阅读✓ 已解决
如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？
当同时设置scroll.x='max-content'和scroll.y的值，并将表头的文字内容设置到比列内容长且列未设置固定宽度时，表头会换行收缩。
2 回答2.3k 阅读

相似问题

微信小程序：定位问题
690 阅读
web的适配问题
3 回答3k 阅读
rem 适配问题
5 回答4.3k 阅读
微信小程序点击切换内容问题
3 回答27.9k 阅读✓ 已解决
pc端适配问题
2 回答4.3k 阅读

找不到问题？创建新问题

vant-weapp的tabs适配问题

你尚未登录，登录后可以

css布局怎么保证右边一直在可视范围内？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

Scss的rgba()方法无法对变量进行二次编译？

如何在CSS中实现滚动条不溢出圆角框？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？