yxnaJfq.wxml 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!--pages/yxnaJfq/yxnaJfq.wxml-->
  2. <wxs module="filter" src="./util.wxs"></wxs>
  3. <view class="page" style="background-image: url({{imgUrl}}yxna-jfq.png);width: 100%;overflow: hidden;background-size: cover;{{total <= 1?'height:100vh':''}}">
  4. <view class="navTitle">
  5. <t-icon name="chevron-left" size="68rpx" data-name="chevron-left" bind:click="back" />
  6. <view class="title" style="float: left;">印象南岸</view>
  7. </view>
  8. <view class="header">
  9. <image src="{{imgUrl}}logo-jfq.png"></image>
  10. <view class="button">
  11. <view class="butView" style="background: linear-gradient(90deg, #E2F0FA, #C7E1F5 90%);color: #1B3A7B;" bindtap="toEditAlbum">投稿</view>
  12. <view class="butView" style="background: linear-gradient(90deg, #F8F0DE, #F3E6C9 90%);color: #844A0C;" bindtap="toAlbum">专辑</view>
  13. </view>
  14. </view>
  15. <view class="lineNav">
  16. <view class="line" style="background-image: url({{imgUrl}}line-jfq.png);">
  17. <view class="title" style="width: 136rpx;left: 20rpx;top: 80rpx;background: #322C26;line-height:30rpx;font-size: 30rpx;font-weight: bold;" bindtap="toJfq">解放前</view>
  18. <view style="width: 42rpx;height: 42rpx;background: #47413B;border-radius: 50%;position: absolute;z-index:999;top: 144rpx;left: 64rpx;" bindtap="toJfq"></view>
  19. <view class="title" style="width: 224rpx;left: 142rpx;top: 20rpx;" bindtap="toJfh">解放后-80年代</view>
  20. <view style="width: 30rpx;height: 30rpx;background: #B8A490;border-radius: 50%;position: absolute;top: 106rpx;left: 200rpx;" bindtap="toJfh"></view>
  21. <view class="title" style="width: 202rpx;left: 394rpx;top: -25rpx;" bindtap="toXsj">80年代-新世纪</view>
  22. <view style="width: 30rpx;height: 30rpx;top: 46rpx;left: 526rpx;background: #B8A490;border-radius: 50%;position: absolute;"bindtap="toXsj"></view>
  23. <view class="title" style="width: 191rpx;top: -85rpx;left: 535rpx;" bindtap="toQxn">新世纪-千禧年</view>
  24. <view style="width: 30rpx;height: 30rpx;background: #B8A490;border-radius: 50%;position: absolute;top: 14rpx;left: 662rpx;" bindtap="toQxn"></view>
  25. <view style="width: 6rpx;height: {{ documentList.length&&documentList.length>1?documentList.length*720 + 30 + 'rpx':documentList.length==0?'0vh':'100vh' }};background: #47413B;border-radius: 1rpx;position: absolute;top: 176rpx;left: 82rpx;"></view>
  26. </view>
  27. </view>
  28. <view wx:for="{{ documentList }}" wx:for-item="item" wx:for-index="index" wx:key="index" class="con-width">
  29. <view class="time">{{ filter.timeToDate(item.uploadTime) }}</view>
  30. <view class="redius"></view>
  31. <view class="text"><text>作者:{{ filter.getAuthor(item.isAnonymous, item.pictureAuthor) }}</text>
  32. <text class="title">《{{ item.pictureTitle}}》</text>
  33. </view>
  34. <view class="video">
  35. <image style="width: 390rpx; height: 226rpx; border: 7rpx solid #fff;" src="{{ baseUrl + item.urlAddress }}"></image>
  36. </view>
  37. <view class="message">
  38. <scroll-view scroll-y="true" style="height: 100%;padding:0;margin:0;">
  39. <view style="width: 100%;display: inline-block;word-break:break-all;">{{ item.pictureDescription }}</view>
  40. </scroll-view>
  41. </view>
  42. </view>
  43. </view>