微信小程序自定义组件及轮播图片自适应

微信小程序自定义组件及轮播图片自适应

轮播组件wxml （注：根据业务需求我这里是重写微信小程序的轮播组件

<!-- 轮播组件wxml （**注：根据业务需求我这里是重写微信小程序的轮播组件**） -->

<view class="rotation">
  <swiper class="home-swiper" 
  bindchange="bindchange"
  style="width:{
   {width}};height:{
   {imgheights[current]}}rpx;"
  indicator-dots="{
   {indicatordots}}" 
  autoplay="{
   {autoplay}}" 
  interval="{
   {interval}}" 
  duration="{
   {duration}}"
  indicator-color="{
   {indicator}}"
  indicator-active-color="{
   {indicatoractive}}"
  current="{
   {current}}"
  lunboData="{
   {lunboData}}"
  circular="{
   {circular}}"
  vertical="{
   {vertical}}"
  previous-margin="{
   {previousmargin}}"
  next-margin="{
   {nextmargin}}"
  snap-to-edge="{
   {snaptoedge}}"
  display-multiple-items="{
   {displaymultipleitems}}"
  easing-function="{
   {easingfunction}}">
    <block wx:for-items="{
   {lunboData}}" wx:key="{
   {index}}">
      <swiper-item>
        <view wx:if="{
   {showindex==true}}" style="position: relative;top:{
   {imgheights[current]-50}}rpx;float:right;background-color: darkolivegreen; opacity: 0.6;">{
   {
   index}}/{
   {
   lunboData.length}}</view>
        <image data-id="{
   {index}}" mode&