>  기사  >  위챗 애플릿  >  WeChat 애플릿의 캐러셀 이미지 스와이프 문제

WeChat 애플릿의 캐러셀 이미지 스와이프 문제

高洛峰
高洛峰원래의
2018-05-19 13:50:563936검색

WeChat 애플릿의 캐러셀 이미지 스와이퍼를 호출한 후, 원하는 효과를 얻기 위해 시스템의 요점을 어떻게 커버해야 하는지

말할 것이 많지 않으니 먼저 사진을 보시고 말씀해 주시면 좋겠습니다. 추가 의견:

렌더링은 다음과 같습니다.

微信小程序的轮播图swiper问题

WeChat 애플릿 렌더링은 다음과 같습니다.

微信小程序的轮播图swiper问题

<view class="section section_gap swiper">
  <swiper indicator-dots="{{indicatorDots}}" vertical="{{vertical}}"
  autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block  wx:for="{{banner}}">
  <swiper-item >
    <navigator url="../../pages/lists/lists" hover-class="navigator-hover">
    <image src="{{item}}" class="swiper-item "></image>
    </navigator>
    </swiper-item>
    </block>
  </swiper>
</view>

페이지 표시 효과는 다음과 같습니다.

微信小程序的轮播图swiper问题

수정이 ​​불가능합니다. 스타일이 있고 그 안에 있는 포인트는 스타일이 원하는 효과를 얻을 수 없습니다. 반복에서

을 클릭하고 .swiperpeat{width:8rpx;ground:rgba(255,255,255,.5)를 수정합니다. ;border-radius: 50%;}

사진과 같이 배경이 어떻게 바뀌었나요?

微信小程序的轮播图swiper问题

누구나 조언을 주실 수 있나요? 도움이 되었으면 좋겠습니다. 함께 배워보세요. 감사합니다

WeChat 미니 프로그램의 캐러셀 사진 스위퍼 문제에 대해서는 PHP 중국어 웹사이트에서 관련 기사를 주목해 주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.