interpretation.wxml 5.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  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="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">
  40. <view style="width: 327rpx;height: 185rpx;background-image: url({{item.logoImg}});background-size:cover;"></view>
  41. <!-- <image src="{{item.logoImg}}" mode="aspectFill" style="width: 327rpx;height: 185rpx;"></image> -->
  42. <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>
  43. </view>
  44. <!-- <view bindtap="gotoDetail" data-channelid="{{item.CHNLID}}" style="width: 327rpx;" wx:for="{{interpretationListInfo}}" wx:key="index">
  45. <image src="{{imgUrl}}图层 3261.png" style="width: 327rpx;height: 227rpx;"></image>
  46. <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>
  47. </view> -->
  48. </view>
  49. </scroll-view>
  50. </swiper-item>
  51. <!-- 媒体解读 -->
  52. <swiper-item>
  53. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;" bindscrolltolower="scrollBottom">
  54. <!-- <view style="height: 100%;display: flex;align-items: center;justify-content: center;">
  55. <t-empty icon="info-circle-filled" description="暂无数据" />
  56. </view> -->
  57. <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;">
  58. <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>
  59. <view>{{filter.formateDate(item.DOCPUBTIME)}}</view>
  60. </view>
  61. </scroll-view>
  62. </swiper-item>
  63. </swiper>
  64. </view>