<!--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>
