media.wxml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <view class="wrapper">
  2. <view class="app_page-header-search">
  3. <view class="app_page-header-search-warp app_width-690">
  4. <label for="header-search">
  5. <image src="../../image/common/search@2x.png"></image>
  6. </label>
  7. <input
  8. placeholder-class="app_header-search-placeholder"
  9. value="{{searchForm.key_words}}"
  10. placeholder="搜索信息"
  11. data-formkey="key_words"
  12. bind:input="handleKeyWords"></input>
  13. </view>
  14. </view>
  15. <view class="page-section">
  16. <swiper
  17. indicator-color="rgba(145, 179, 121, 0.6)"
  18. indicator-active-color="rgba(145, 179, 121, 1)"
  19. interval="{{2000}}"
  20. autoplay="{{false}}"
  21. bind:change="handleSwiperChange">
  22. <block
  23. wx:for="{{lunboList}}"
  24. wx:key="*this">
  25. <swiper-item
  26. class="swiper-item-wrap"
  27. data-item="{{item}}"
  28. bind:tap="jumpMediaDetail">
  29. <view class="swiper-item">
  30. <image class="photo" src="{{item.video_cover_url}}"></image>
  31. <view class="info">
  32. <view class="label-wrap">
  33. <image class="icon" src="../../image/common/video.png"></image>
  34. <text class="label">频道:</text>
  35. </view>
  36. <view class="value-wrap">
  37. <view class="name">{{item.video_type_name}}</view>
  38. <view class="address">{{item.video_name}}</view>
  39. </view>
  40. </view>
  41. </view>
  42. </swiper-item>
  43. </block>
  44. </swiper>
  45. <view
  46. class="swiper-dots"
  47. wx:if="{{lunboList.length > 1}}">
  48. <view
  49. class="{{swiperActiveDot === index ? 'active' : ''}}"
  50. wx:for="{{lunboList}}"
  51. wx:key="index"></view>
  52. </view>
  53. </view>
  54. <customer-tab
  55. nav="{{nav}}"
  56. active="{{searchForm.type}}"
  57. bind:change="handleNav"/>
  58. <view class="main">
  59. <view
  60. class="list"
  61. wx:for="{{listData}}"
  62. wx:key="id"
  63. data-item="{{item}}"
  64. bind:tap="jumpMediaDetail">
  65. <video-item-normal item="{{item}}"/>
  66. </view>
  67. <!-- 无数据 -->
  68. <view class="list-bitmap" wx:if="{{finished && listData.length < 1}}">
  69. <image src="../../image/common/bitmap.png"></image>
  70. <text>暂无数据</text>
  71. </view>
  72. <view class="pullup-wrapper" wx:if="{{!isRefresh}}">
  73. <van-loading
  74. wx:if="{{!finished}}"
  75. size="24px"
  76. type="spinner">加载中...
  77. </van-loading>
  78. </view>
  79. </view>
  80. </view>