老师 可以帮我看一下页面背景占不满全屏效果呢?

来源: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>


0
0

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>

0
0

uni-app实战 以项目为导向 掌握完整开发流程

跟着uni-app团队开发成员快速上手高效率框架,打通前后端,完成初级全栈开发

1104 学习 · 544 问题

查看课程