收藏
回答

Skyline下如何实现轮播图 中间大两边小?

官网的案例

官网提供案例本地运行的结果


同样的代码为啥现在结果不一样,在webview渲染模式下也能实现需要,skyline模式下就不行!!!

求解?

 <view class="section center">
      <view class="section-title center">layout: transformer -- type: scaleAndFade</view>
      <swiper
       circular
       class="swiper-container"
       layout-type="transformer"
       transformer-type="scaleAndFade"
         previous-margin="30px"
       next-margin="30px"
      >
        <swiper-item wx:for="{{landscape}}" wx:key="*this">
          <image class="img" src="{{item}}" mode="aspectFill" />
        </swiper-item>
      </swiper>
    </view>
回答关注问题邀请回答
收藏

2 个回答

  • 迪克
    迪克
    05-19

    swiper 加间距

     previous-margin="175rpxnext-margin="175rpx"

    swiper-item 加css

          transform: scale(0.85);


    给 当前项 加css

            transform: scale(1);

    scale 缩放大小 和间距 自己调整

    05-19
    有用
    回复 6
    查看更多(1)
  • 眰恦🥤
    眰恦🥤
    05-19

    求回答

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