reader/pages/index/index.wxml

<navigationBar bind:reload='requestAgain'></navigationBar>
<view class="recommend">
  <banner bannerList="{{bannerList}}" />
  <!-- 加桌提示 -->
  <view class=" desktopTips" wx:if="{{desktopTips}}" style="top:{{navBarHeight+3}}px" bindtap="closeDesktop">
    <view class="triangle"></view>
    <image
      src="{{isIOS?'http://reader-wx.ai160.com/images/reader/v3/desktop-ios.png':'http://reader-wx.ai160.com/images/reader/v3/desktop-android.png'}}"
      class="tipsImg" />
  </view>
  <!-- 滚动定位 -->
  <view class="scrollBox {{isFixed?'isFixed':''}}" style="top:{{navBarHeight}}px;">
    <!-- 一级分类区域 -->
    <scroll-view class="firstClassify" scroll-x="true" enhanced show-scrollbar="{{false}}">
      <view class="firstBox" wx:for="{{categoryList}}" wx:key="id" data-item='{{item}}' bindtap="jumpChildClassify">
        <image class="icon" src="{{item.icon}}" />
        <view class="name">{{item.title}}</view>
      </view>
    </scroll-view>
    <!-- 展示类型选择 -->
    <view class="selectType {{isFixed?'isFixed2':''}}" bindtap="selectType">
      <view class="type {{currentType=='7'?'currentType':''}}" data-type='7'>排行榜</view>
      <view class="type {{currentType=='2'?'currentType':''}}" data-type='2'>作品展播</view>
      <view class="type {{currentType=='1'?'currentType':''}}" data-type='1'>官方推荐</view>
      <view class="search" bindtap="jumpSearch">
        <image src="/static/search.png" class="searchImg" />
      </view>
    </view>
  </view>
  <!-- 当一级分类固定定位时占位用的元素 -->
  <view class="{{isFixed?'brace':''}}" />
  <!-- 优秀作品展播及官方推荐列表组件 -->
  <worksList id="worksList" wx:if="{{currentType=='2'}}" worksList="{{list}}" videoType="public" tabBarPadding='true' />
  <activityList id="activityList" classify='2' wx:if="{{currentType=='7'}}" />
  <authority worksList="{{list}}" wx:if="{{currentType=='1'}}" />
</view>
<canvas id='share' type="2d"> </canvas>