interpretation.wxml 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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="gotoDetail" 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;">
  15. <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>
  16. <view>{{filter.formateDate(item.DOCPUBTIME)}}</view>
  17. </view>
  18. </scroll-view>
  19. </swiper-item>
  20. <!-- 图片解读 -->
  21. <swiper-item>
  22. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  23. <view style="display: flex;justify-content: flex-start;flex-wrap: wrap;">
  24. <view bindtap="gotoDetailByDocId" 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">
  25. <view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
  26. <!-- <image src="{{item.logoImg}}" mode="aspectFill" style="width: 327rpx;height: 185rpx;"></image> -->
  27. <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>
  28. </view>
  29. </view>
  30. </scroll-view>
  31. </swiper-item>
  32. <!-- 视频解读 -->
  33. <swiper-item>
  34. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  35. <view style="height: 100%;display: flex;align-items: center;justify-content: center;">
  36. <t-empty icon="info-circle-filled" description="暂无数据" />
  37. </view>
  38. <!-- <view style="display: flex;justify-content: space-around;flex-wrap: wrap;">
  39. <view bindtap="gotoDetail" data-channelid="{{item.CHNLID}}" style="width: 327rpx;" wx:for="{{interpretationListInfo}}" wx:key="index">
  40. <image src="{{imgUrl}}图层 3261.png" style="width: 327rpx;height: 227rpx;"></image>
  41. <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>
  42. </view>
  43. </view> -->
  44. </scroll-view>
  45. </swiper-item>
  46. <!-- 媒体解读 -->
  47. <swiper-item>
  48. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  49. <view style="height: 100%;display: flex;align-items: center;justify-content: center;">
  50. <t-empty icon="info-circle-filled" description="暂无数据" />
  51. </view>
  52. <!-- <view bindtap="gotoDetail" 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;">
  53. <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>
  54. <view>{{filter.formateDate(item.DOCPUBTIME)}}</view>
  55. </view> -->
  56. </scroll-view>
  57. </swiper-item>
  58. </swiper>
  59. </view>