yuminge-app/yun-min-program-plugin-master/packageC/mycomponent/temp/headline/headline.wxml

34 lines
1.6 KiB
Plaintext

<!--pages/headline/headline.wxml-->
<view style="{{'background:' + (params.bgcolor?params.bgcolor:'#fff')+';'}}">
<view class="headline-box" catchtap="gotoList" wx:if="{{params.shownum == 2}}">
<view class="img">
<image src="{{params.bgimg?params.bgimg:'https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/loading.jpg'}}" mode='aspectFit' style="height:100%;width:100%;" />
</view>
<swiper display-multiple-items="{{2}}" interval="{{3000}}" autoplay="{{true}}" vertical="{{true}}" circular="{{true}}" style="height:60px;width:85%;{{'background:' + (params.bgcolor?params.bgcolor:'')+';'}}">
<block wx:for="{{data}}" wx:for-index="index" wx:for-item="item" wx:key="index">
<swiper-item style="height: 60px;">
<view class="li">
<view class="left">热议</view>
<view class="right">{{item.title}}</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
<view class="headline" catchtap="gotoList" wx:if="{{params.shownum == 1}}">
<view class="img">
<image src="{{params.bgimg?params.bgimg:'https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/loading.jpg'}}" mode='aspectFit' style="height:100%;width:100%;" />
</view>
<swiper interval="{{3000}}" autoplay="{{true}}" vertical="{{true}}" circular="{{true}}" style="height:60rpx;width:85%;{{'background:' + (params.bgcolor?params.bgcolor:'')+';'}}">
<block wx:for="{{data}}" wx:key="index" wx:for-index="index" wx:for-item="item">
<swiper-item>
<view class="li">
<view class="left">热议</view>
<view class="right">{{item.title}}</view>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>