index.wxml 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!--index.wxml-->
  2. <view class="container">
  3. <!-- 导航 -->
  4. <view class="header_nav_wrap">
  5. <scroll-view scroll-x="true" class="header_nav">
  6. <block wx:for="{{navList}}" wx:key="index" wx:for-index="i">
  7. <!-- <navigator url="/pages/kindList/kindList?com_id={{item.id}}&name={{item.findclassify_name}}" class="header_nav_each">
  8. <image src="{{item.findclassify_logo}}"></image>
  9. </navigator> -->
  10. <view class="header_nav_each" bindtap='changeTab' data-index="{{i}}">
  11. <image src="{{item.findclassify_logo}}"></image>
  12. </view>
  13. </block>
  14. </scroll-view>
  15. </view>
  16. <!-- 图片轮播 -->
  17. <view class="each_content_wrap">
  18. <block wx:if="{{tab == 0}}">
  19. <view class='swiper'>
  20. <view class='swiper-lb' bindtouchmove="scroll" bindtouchstart='startTou' bindtouchend='endTou' style="height:{{bigImgHeight+urlTop*prop+60*prop}}px">
  21. <view animation="{{animationData}}" class='swiper-ul' style='width:{{swiperUlWidth}}px;top:{{urlTop}}rpx;left:{{swiperLeft}}px;'>
  22. <view id='swiper{{index}}' class='swiper-li' wx:for="{{images}}" style="top:{{styleArr[index].top}}rpx;margin-left:{{imgLeft}}px;">
  23. <image wx:if="{{item.imgLogo}}" src='{{item.imgLogo}}' class='img_logo'></image>
  24. <image animation="{{styleArr[index].animationliscal}}" class='swiper-image swiper-image{{index}} ' src='{{item.imageSrc}}' style='width:{{styleArr[index].imgwidth}}px;height:{{styleArr[index].imgheight}}px'></image>
  25. <image class='img_bg' src='/images/find_img_bg.png' style="width:{{styleArr[index].imgwidth}}px;"></image>
  26. <image class='img_left_bg' src='/images/img_left_bg.png' style="height:{{styleArr[index].imgheight+6}}px;"></image>
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. </block>
  32. <block wx:elif="{{tab == 1}}">
  33. <view class='swiper'>
  34. <view class='swiper-lb' bindtouchmove="scroll" bindtouchstart='startTou' bindtouchend='endTou2' style="height:{{bigImgHeight2+urlTop*prop+60*prop}}px">
  35. <view animation="{{animationData2}}" class='swiper-ul' style='width:{{swiperUlWidth2}}px;top:{{urlTop}}rpx;left:{{swiperLeft2}}px;'>
  36. <navigator url="{{item.url}}" id='swiper{{index}}' class='swiper-li' wx:for="{{images}}" style="top:{{styleArr2[index].top}}rpx;margin-left:{{imgLeft}}px;">
  37. <image wx:if="{{item.imgLogo}}" src='{{item.imgLogo}}' class='img_logo'></image>
  38. <image animation="{{styleArr2[index].animationliscal}}" class='swiper-image swiper-image{{index}} ' src='{{item.imageSrc}}' style='width:{{styleArr2[index].imgwidth}}px;height:{{styleArr2[index].imgheight}}px'></image>
  39. <image class='img_bg' src='/images/find_img_bg.png' style="width:{{styleArr2[index].imgwidth}}px;"></image>
  40. <image class='img_left_bg' src='/images/img_left_bg.png' style="height:{{styleArr2[index].imgheight+6}}px;"></image>
  41. </navigator>
  42. </view>
  43. </view>
  44. </view>
  45. </block>
  46. <block wx:else>
  47. <block wx:for="{{contentList}}">
  48. <!-- 文章详情 articleInfor -->
  49. <navigator url="/pages/articleInfor/articleInfor?id={{item.id}}" class="each_content">
  50. <image src="{{item.find_logo}}" class="content_img" mode='widthFix'></image>
  51. <view class='each_cont_wrap'>
  52. <view class='each_cont'>
  53. <!-- 分类名 -->
  54. <view class='content_kind_name' wx:if="{{item.find_lev_name && item.find_lev_name != null}}">{{item.find_lev_name}}</view>
  55. <!-- 描述 -->
  56. <view class='content_infor_wrap'>
  57. <view class='content_title'>{{item.find_name}}</view>
  58. <view class='content_intro'>{{item.find_des}}</view>
  59. </view>
  60. <!-- 浏览+关注 -->
  61. <view class="content_infor">
  62. <view class="content_infor_cont">
  63. <image src="/images/liulan_gray.png" class="content_icon"></image>
  64. <text>{{item.find_yuedu}}</text>
  65. <image src="/images/zan_gray_n.png" class="content_icon"></image>
  66. <text>{{item.find_shoucang}}</text>
  67. </view>
  68. </view>
  69. </view>
  70. </view>
  71. </navigator>
  72. </block>
  73. </block>
  74. </view>
  75. <!-- footer title -->
  76. <view class='img_title_wrap' wx:if="{{imagesTitle}}" style="width:{{bigImgWidth}}rpx;">
  77. <view class='img_title_line'></view>
  78. <view class='img_title_cont'>{{imagesTitle}}</view>
  79. </view>
  80. </view>