reader/component/hot/hot.wxml

<template name="hot">
    <swiper indicator-dots="{{hotData.indicatorDots}}" autoplay="{{hotData.autoplay}}" interval="{{hotData.interval}}" duration="{{hotData.duration}}" circular="{{hotData.circular}}">
        <block wx:for="{{hotData.imgUrls}}" wx:key="{{index}}">
            <swiper-item>
                <image src="{{item}}" class="slide-image" width="750" height="318" />
            </swiper-item>
        </block>
    </swiper>
    <view class="searchSection">
        <input bindinput="inputHandler" bindconfirm="searchHandler" placeholder="{{hotData.hotSearch}}" placeholder-style="text-indent:20rpx" confirm-type="search"></input>
        <button bindtap="searchHandler" class="searchBtn" plain="{{true}}">
            <icon type="search" size="17" />
        </button>
        <view class="allBooks" bindtap="goToBooks">全部课本</view>
    </view>
    <view class="hotSection">
        <view class="title">
            <image src="../../static/image/hot_recommend.png" alt="" />
            <text>人气推荐</text>
        </view>
        <view class="hotWares" style="flex-direction:row;">
            <view wx:for="{{hotData.wareCards}}" wx:key="{{index}}" class="hotWareCard" bindtap="openWorks" data-classId="{{item.classId}}" data-title="{{item.title}}">
                <!-- <image class="wareCardImg" src="{{item.img}}" />
                <view wx:if="{{index===0}}" class="wrapper">
                    <text class="wareCardTitle">{{item.title}}</text>
                    <view class="bottomData">
                        <text class="wareCardTip">{{item.grade}}</text>
                        <view class="wareCardPlays">
                            <image class="wareCardPlaysImg" src="../../static/image/hotPlays.png" />
                            <text>{{item.plays}}</text>
                        </view>
                        <view class="wareCardLikes">
                            <image class="wareCardLikesImg" src="../../static/image/like.png" />
                            <text>{{item.likes}}</text>
                        </view>
                    </view>
                </view>
                <view wx:if="{{index!==0}}">
                    <text class="wareCardTitle">{{item.title}}</text>
                    <text class="wareCardTip">{{item.grade}}</text>
                    <view class="bottomData">
                        <view class="wareCardPlays">
                            <image class="wareCardPlaysImg" src="../../static/image/hotPlays.png" />
                            <text>{{item.plays}}</text>
                        </view>
                        <view class="wareCardLikes">
                            <image class="wareCardLikesImg" src="../../static/image/like.png" />
                            <text>{{item.likes}}</text>
                        </view>
                    </view>
                </view> -->
                <image class="wareCardImg" src="{{item.img}}" />
                <text class="wareCardTitle">{{item.title}}</text>
                <view class="bottomData">
                    <text class="wareCardTip">{{item.grade}}</text>
                    <view class="wareCardPlays">
                        <image class="wareCardPlaysImg" src="../../static/image/hotPlays.png" />
                        <text>{{item.plays}}</text>
                    </view>
                    <view class="wareCardLikes">
                        <image class="wareCardLikesImg" src="../../static/image/like.png" />
                        <text>{{item.likes}}</text>
                    </view>
                </view>
            </view>
        </view>
    
    </view>

    <view class="hotSection">
        <view class="title">
            <image class="recommendTag" src="../../static/image/class_recommend.png" alt="" />
            <text>本周课程推荐</text>
        </view>
        <view class="hotWares" style="flex-direction:row;">
            <view wx:for="{{hotData.wareCards}}" wx:key="{{index}}" class="hotWareCard" bindtap="openClass" data-classId="{{item.classId}}" data-title="{{item.title}}">
                <image class="wareCardImg" src="{{item.img}}" />
                <text class="wareCardTitle">{{item.title}}</text>
                <view class="bottomData">
                    <text class="wareCardTip">{{item.grade}}</text>
                    <view class="wareCardPlays">
                        <image class="wareCardPlaysImg" src="../../static/image/hotPlays.png" />
                        <text>{{item.plays}}</text>
                    </view>
                </view>
                <view wx:if="{{index!==0}}">
                    <text class="wareCardTitle">{{item.title}}</text>
                    <text class="wareCardTip">{{item.grade}}</text>
                    <view class="bottomData">
                        <view class="wareCardPlays">
                            <image class="wareCardPlaysImg" src="../../static/image/hotPlays.png" />
                            <text>{{item.plays}}</text>
                        </view>
                        <view class="wareCardLikes">
                            <image class="wareCardLikesImg" src="../../static/image/like.png" />
                            <text>{{item.likes}}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    
    </view>
</template>