收藏
回答

swiper height:100% 在苹果手机上不显示

wxml:

 

  TopBlick

 

 

     

       

       

         

           

           

         

       

       

     

 






wxss:

page {

    height: 100%;

}

.MainContent {

    display: flex;

    flex-direction: column;

    height: 100%;

    width: 100%;

}

.TopBlock {

    height: 50px;

    background-color: orangered;

}

.BottomBlock {

    /*display: flex;*/

    flex: 1;

    background-color: blanchedalmond;

    overflow-y: auto;

    overflow: auto;

}

swiper {

    width: 100%;

    height: 100%;

    background-color: brown;

}

.swiper-item {

     width: 100%;

    height: 100%;

    background-color: brown;

}

.scroll {

    height: 100%;

    background-color: greenyellow;

}

.item {

    background-color: hotpink;

    margin-bottom: 10px;

}

.top {

    width: 50px;

    height: 50px;

    background-color: ghostwhite;

}

.bottom {

    width: 70px;

    height: 70px;

    background-color: cornflowerblue;

}



回答关注问题邀请回答
收藏

2 个回答

  • 郭江彪
    郭江彪
    2017-05-04

    管理员呢?

    2017-05-04
    有用
    回复
  • 郭江彪
    郭江彪
    2017-05-03

    swiper 设置能百分比的话苹果手机不显示,模拟器和安卓正常。设置能固定高度所有设备能正常显示。

    2017-05-03
    有用
    回复
登录 后发表内容