interpretation.wxml 5.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!--pages/publics/interpretation/interpretation.wxml-->
  2. <wxs module="filter" src="./util.wxs"></wxs>
  3. <view style="background: #FFFFFF;">
  4. <scroll-view class="scroll-wrapper" scroll-x scroll-with-animation="true" scroll-into-view="item{{currentTab < 2 ? 0 : currentTab - 1}}">
  5. <view class="navigate-item" id="item{{index}}" wx:for="{{interpretationList}}" wx:key="index" data-index="{{index}}" bindtap="tabNav">
  6. <view class="names {{currentTab === index ? 'active' : ''}}">{{item.title}}</view>
  7. <view class="currtline {{currentTab === index ? 'active' : ''}}" wx:if="{{currentTab === index}}"></view>
  8. </view>
  9. </scroll-view>
  10. <swiper current="{{currentTab}}" style="width: 100%;height: 90vh;" bindchange="handleSwiper">
  11. <!-- 文字解读 -->
  12. <swiper-item>
  13. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  14. <view bindtap="gotoWeb" data-url="{{item.DOCPUBURL}}" data-url="{{item.DOCPUBURL}}" data-channelid="{{item.CHNLID}}" data-docid="{{item.DOCID}}" wx:for-item="item" wx:for-index="index" wx:key="index" wx:for="{{interpretationListInfo}}" style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;height: 120rpx;font-size: 28rpx;color: #666666;width: 700rpx;margin-left: 23rpx;border-bottom: 2rpx solid #CCCCCC;">
  15. <!-- bindtap="gotoDetailByDocId" -->
  16. <view class="limit-text-1" style="width: 600rpx;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;">{{item.DOCTITLE}}</view>
  17. <view>{{filter.formateDate(item.DOCRELTIME)}}</view>
  18. </view>
  19. </scroll-view>
  20. </swiper-item>
  21. <!-- 图片解读 -->
  22. <swiper-item>
  23. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  24. <view style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
  25. <view bindtap="gotoWeb" data-url="{{item.DOCPUBURL}}" data-url="{{item.DOCPUBURL}}" data-docid="{{item.DOCID}}" data-channelid="{{item.CHNLID}}" style="margin-top: 20rpx;margin-left: 33rpx;width: 327rpx;" wx:for="{{interpretationListInfo}}" wx:key="index">
  26. <view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
  27. <!-- bindtap="gotoDetailByDocId" <image src="{{item.logoImg}}" mode="aspectFill" style="width: 327rpx;height: 185rpx;"></image> -->
  28. <view style="font-size: 25rpx;font-family: PingFang SC;color: #666666;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;">{{item.DOCTITLE}}</view>
  29. </view>
  30. </view>
  31. </scroll-view>
  32. </swiper-item>
  33. <!-- 视频解读 -->
  34. <swiper-item>
  35. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  36. <!-- <view style="height: 100%;display: flex;align-items: center;justify-content: center;">
  37. <t-empty icon="info-circle-filled" description="暂无数据" />
  38. </view> -->
  39. <view style="display: flex;justify-content: space-around;flex-wrap: wrap;">
  40. <view bindtap="gotoWeb" data-url="{{item.DOCPUBURL}}" data-docid="{{item.DOCID}}" data-channelid="{{item.CHNLID}}" style="margin-top: 20rpx;margin-left: 33rpx;width: 327rpx;" wx:for="{{interpretationListInfo}}" wx:key="index">
  41. <view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
  42. <!-- <image src="{{item.logoImg}}" mode="aspectFill" style="width: 327rpx;height: 185rpx;"></image> -->
  43. <view style="font-size: 25rpx;font-family: PingFang SC;color: #666666;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;">{{item.DOCTITLE}}</view>
  44. </view>
  45. <!-- <view bindtap="gotoDetail" data-channelid="{{item.CHNLID}}" style="width: 327rpx;" wx:for="{{interpretationListInfo}}" wx:key="index">
  46. <image src="{{imgUrl}}图层 3261.png" style="width: 327rpx;height: 227rpx;"></image>
  47. <view style="font-size: 25rpx;font-family: PingFang SC;color: #666666;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;">{{item.DOCTITLE}}</view>
  48. </view> -->
  49. </view>
  50. </scroll-view>
  51. </swiper-item>
  52. <!-- 媒体解读 -->
  53. <swiper-item>
  54. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  55. <!-- <view style="height: 100%;display: flex;align-items: center;justify-content: center;">
  56. <t-empty icon="info-circle-filled" description="暂无数据" />
  57. </view> -->
  58. <view bindtap="gotoDetailByDocId" data-url="{{item.DOCPUBURL}}" data-docid="{{item.DOCID}}" data-channelid="{{item.CHNLID}}" wx:for-item="item" wx:for-index="index" wx:key="index" wx:for="{{interpretationListInfo}}" style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;height: 120rpx;font-size: 28rpx;color: #666666;width: 700rpx;margin-left: 23rpx;border-bottom: 2rpx solid #CCCCCC;">
  59. <view class="limit-text-1" style="width: 600rpx;-webkit-line-clamp:2;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient:vertical;">{{item.DOCTITLE}}</view>
  60. <view>{{filter.formateDate(item.DOCRELTIME)}}</view>
  61. </view>
  62. </scroll-view>
  63. </swiper-item>
  64. </swiper>
  65. </view>