molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-13 19:44:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

轮播图增加视频支持

Browse Source 
轮播图增加视频支持
This commit is contained in:
晓港
2019-02-26 14:15:49 +08:00
parent d59a310071
commit 6637f6fbef
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo/colorui.wxss
View File

@@ -2429,7 +2429,7 @@ swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active {
min-height: 375rpx; min-height: 375rpx;
} }
.screen-swiper image { .screen-swiper image,.screen-swiper video{
width: 100%; width: 100%;
display: block; display: block;
height: 100%; height: 100%;

4
demo/pages/component/swiper/swiper.wxml
View File

@@ -15,8 +15,10 @@
</view> </view>
<swiper class="screen-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500"> <swiper class="screen-swiper {{DotStyle?'square-dot':'round-dot'}}" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
<swiper-item wx:for="{{4}}" wx:key> <swiper-item wx:for="{{4}}" wx:key>
<image src="https://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill'></image> <image src="https://image.weilanwl.com/img/4x3-{{index+1}}.jpg" mode='aspectFill' wx:if="{{index!=1}}"></image>
<video src='https://www.weilanwl.com/theme/wl/assets/images/slider1.mp4' autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" wx:else></video>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="cu-bar bg-white margin-top"> <view class="cu-bar bg-white margin-top">
<view class='action'> <view class='action'>