yuminge-app/yun-min-program-plugin-master/packageG/mycomponent/slideshow/slideshow.wxml

18 lines
1.1 KiB
Plaintext

<!--packageE/slideshow/slideshow.wxml-->
<view class="banner">
<view class="m-swipe" style="background-color: {{datas.bg_color}};">
<view class="nophoto" wx:if="{{list.length == 0}}">请先设置轮播图片</view>
<view class="photocontent" wx:else>
<swiper style='height:{{Height + datas.padding_top + datas.padding_bottom}}px' indicator-dots="{{list.length == 1?false:true}}" autoplay="{{true}}" interval="{{4000}}" duration="{{300}}" indicator-color="{{datas.slides_default_color}}" indicator-active-color="{{datas.slides_active_color}}">
<block wx:for="{{list}}" wx:key="index">
<swiper-item>
<view class="img" id="cont_{{index}}" style="padding-top: {{datas.padding_top}}px; padding-bottom: {{datas.padding_bottom}}px; padding-left: {{datas.padding_left}}px; padding-right: {{datas.padding_right}}px;">
<image style="width: 100%;border-radius: {{datas.picture_border}}px;" catchtap="goimgurl" data-item="{{item}}" data-url="{{item.h5_link}}" src="{{item.image}}" mode="widthFix" bindload='imgHeight' />
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
</view>