<scroll-view
class="you-may-also-like"
scroll-y
scroll-with-animation
enable-back-to-top
:scroll-into-view="view"
@scrolltolower="scrolltolower()"
enable-flex="true"
:style="'height:{{ scrollH }}px'">
<List></List>
</scroll-view>
export default {
data() {
return {
scrollH: 0,
page: 1
}
},
async onLoad() {
this.scrolltolower()
var self = this;
wx.getSystemInfo({
success: function(res) {
self.scrollH = res.windowHeight;
}
});
},
methods: {
scrolltolower() {
this.page++;
}
},
}
<style lang="scss">
page{
width:100%;
height:100%;
}
.you-may-also-like {
height: 100%;
}
scroll-view {
height: 500px;
/* other the code.. */
}
.banner-swiper {
height: 750rpx;
.swier-item {
image {
height: 100%;
}
}
}
.banner-section {
display: flex;
background-color: #FFFFFF;
image {
width: 375rpx;
}
}
请具体描述问题出现的流程，并提供能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。