公告列表
公告列表
收藏
回答

over-flow:hidden在手机端失效

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 8.0.0 MHA-AL00 华为Mate9 6.6.7

- 当前 Bug 的表现（在手机端这样）


- 预期表现（开发者客户端正常）

<view class="box">
 
    <view class='lunbo'>
      <swiper indicator-dots='true' autoplay='true' circular='true' indicator-color='white' indicator-active-color='#9F35FF'>
        <block wx:for="{{product[pid].pimg}}" wx:if="{{ index > 0 }}">
          <swiper-item>
            <image src="{{item}}" class="slide-image"/>
          </swiper-item>
        </block>
      </swiper>
    </view>
 
</view>
.box{
  width: 90%;
  border-radius: 20px;
  border: 1px solid cyan;
  margin: 2vh 0 12vh 0;
  box-shadow: 0px 0px 2px 1px ;
  overflow: hidden !important;//这里!important加了和没加效果一样
}
 
/*轮播*/
.lunbo{
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 40vh;
}
.lunbo swiper{
  height: 40vh;
}
.slide-image{
  width: 100%;
  height: 100%;
}


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

1 个回答

  • 黄豆芽🔫
    黄豆芽🔫
    2018-11-01

    image标签也加一个border-radius

    2018-11-01
    有用
    回复 2
    • 马庆杰
      马庆杰
      2018-11-01

      那样的话在切换图片的时候会露陷的，我一开始就是这么做的

      2018-11-01
      赞
      回复
    • 黄豆芽🔫
      黄豆芽🔫
      2018-11-01回复马庆杰

      那就让UI改设计吧。这个没啥办法

      2018-11-01
      赞
      回复
请 登录 后发表内容
相关文档