老师 可以帮我看一下页面背景占不满全屏效果呢?
来源:9-2 收藏文章内容实现

Johnny仲尼
2021-03-20
2回答
-
Johnny仲尼
提问者
2021-03-20
<style scoped lang="scss">
page { height: 100%;display: flex; }
.home {
height: 100%;
display:flex;
flex-direction:column;
flex: 1;
border: 2px solid red;
box-sizing: border-box;
// overflow: hidden;
}
.tab-box{ height: 45px;}
.scroll-box {
// flex: 1;
// border: 2px solid red;
// position: absolute;
// top: 45px;
// width: 100%;
// height: calc(100% - 45px);
// overflow: hidden;
.scroll-List{
// height: 100%;
}
}
</style>
00 -
Johnny仲尼
提问者
2021-03-20
<template>
<view class="home">
<!-- 菜单栏 -->
<tabs-list :list="scrollTabsData" @tabSList='tabSList' class="tab-box"></tabs-list>
<!-- 列表区 -->
<view class="scroll-box">
<scroll-view scroll-y class="scroll-List">
<view class="scroll-List-item">
<view v-for="item in 100">
<view>{{item}}</view>
</view>
</view>
</scroll-view>
</view>
</view>
<template>
00
相似问题