小程序自适应高度
发布于 5 年前 作者 jun47 3019 次浏览 来自 问答

我从后台获取的数据是一个数组列表 这个数组的元素数量是可以改变的 也就是说我整个页面的高度是可变的  我怎么在前台里面设置高度啊

10 回复

.swiper-tab{  

    width: 100%;  

    /*border-bottom: 2rpx solid #777777;  */

    /*text-align: left;  */

    line-height: 80rpx;

     margin-left: 25%;  

 

    }  

 

.swiper-tab-list{  font-size: 30rpx;  

    display: inline-block;  

  width:25%;

    color: #777777;  

    text-align: center;

}  

.swiper-tab-list2{  

    display: inline-block;  

    margin-left: 20%;

    color: #777777;  

    text-align: center;

}  

.on{ color: #da7c0c;  

    border-bottom: 5rpx solid #da7c0c;}  

 

.swiper-box{ display: block; height: 100%; width: 100%; overflow: hidden;}  

.swiper-box view{  

    text-align: center;  

}  

.all{

 

}

.flex-row{

  border-bottom: 1px solid #777777;

  display: flex;

  align-items: center;

 

}

 .flex{

  /* margin-left: 50px; */

  align-items: center;

  margin: 0 auto

.flex-view{

  width: 100%

}

.flex-view-item1{

  align-items: center;

/* margin-top:10px;

margin-left:45rpx; */

}

.flex-view-item{

  align-items: center;

/* margin-top:10px;

margin-left:45rpx; */

}

.flex-view-item2{

  align-items: center;

  /* display: block;

  text-align: center;

margin-top:17px;

margin-left:5rpx; */

}

.flex-view-item3{

  align-items: center;

/* margin-top:16px;

margin-left:20rpx; */

}

.flex-view-item4{

  align-items: center;

/* margin-top:16px;

margin-left:20rpx; */

}

.new-ball{

position: fixed;

bottom: 80rpx;

left: 50rpx;

width:50rpx;

height: 50rpx;

z-index:100;

}

.new_image{

  width: 40px;

  height: 40px;

  /*border-bottom: 2rpx solid #777777; 

  color: #777777;   */

}

html 和css代码贴出来看看

我的列表有五条 但是只显示4条 滑不上去 而且第四条还只显示了一半

我在最外一层加了一个  <scroll-view scroll-y style=“overflow:auto”> 还是不行

哈哈 我自己看着都乱

把scroll-view放到swiper-item里面

你这代码很乱

你想要什么效果

开发工具多调调,我这里也看不到你写的啥

回到顶部