<view class="page-container">
<scroll-view scroll-y="true" class="list-container">
</scroll-view>
<view style="text-align: center;">
更多设置,请点击查看使用教程
</view>
<view style="width:100%;position: absolute; bottom: 0;">
<official-account></official-account>
<image src="/images/etc_bg.png" style="width: 100%;" mode="widthFix" />
</view>
</view>
如上:scroll-view 是一个list 有很多数据,最底下又有图片,图片高度自适应,还有关联公众号组件,请问一下,我怎么才能知道scroll-view高度啊,这个自适应不知道咋做,求大佬教教
不知道你要实现啥效果,但是可以使用flex弹性布局实现
//wxml
<view class="page-container">
<scroll-view scroll-y="true" class="list-container">
</scroll-view>
•
<view style="text-align: center;">
更多设置,请点击查看使用教程
</view>
<view style="width:100%;position: absolute; bottom: 0;">
<official-account></official-account>
<image src="/pages/index/bgview.jpeg" style="width: 100%;" mode="widthFix" />
</view>
</view>
//wxss
page {
display: flex;
flex-direction: column;
height: 100vh;
}
.page-container{
position: relative;
height: 100vh;
display: flex;
flex-direction: column;
}
.list-container {
background-color: aqua;
flex: 1;
}
</scroll-view>