index.wxml 4.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!-- 吸顶 -->
  2. <view class="ceiling" hidden="{{!ceilingShow}}">
  3. <view class="order-card white-bg">
  4. <navigator hover-class="none" bindtap="toDetail" class="order-card-main">
  5. <view class="order-card-content">
  6. <view class="listTitle">{{activeInfo.title}}</view>
  7. <text class="font12 black mTop5">场次:{{activeInfo.sname}}
  8. <text wx:if="{{activeInfo.policyName!=null}}"> 套餐:{{activeInfo.policyName}}</text>
  9. </text>
  10. </view>
  11. </navigator>
  12. </view>
  13. <view class="photo-date-list font12" style="width: 100%;">
  14. <view class=" center photo-date-list-title"><b>拍摄日期</b></view>
  15. <scroll-view class="date-tabs-wrap" scroll-x="true" scroll-with-animation="true">
  16. <view class="date-tabs" style="width:{{picGroup.cameraPhotos.length*130}}rpx">
  17. <text wx:for="{{picGroup.cameraPhotos}}" wx:key="unique" class="date-tabs-item {{index==activeDate?'subtitleColor':''}}" data-index="{{index}}" bindtap="dataChange">{{item.date}}</text>
  18. </view>
  19. </scroll-view>
  20. </view>
  21. </view>
  22. <scroll-view class="date-img-wrap" scroll-y="true" scroll-with-animation="true" type='list' bindscrolltolower='swipeUpload' bindscroll="scroll">
  23. <view style="width: 100%;z-index: 99;background-color: #fff;">
  24. <image wx:if="{{activeInfo.sharePhoto}}" src="{{activeInfo.sharePhoto}}" mode="widthFix" binderror="errorImg" style="width: 100%;max-height: 700rpx;" id="topImg"></image>
  25. <image wx:else src="{{imgPath}}{{activeInfo.logo}}" mode="widthFix" binderror="errorImg" style="width: 100%;max-height: 700rpx;" id="topImg"></image>
  26. <view class="modal-label">
  27. <view class="order-card white-bg">
  28. <navigator hover-class="none" bindtap="toDetail" class="order-card-main">
  29. <view class="order-card-content">
  30. <view class="listTitle">{{activeInfo.title}}</view>
  31. <text class="font12 black mTop5">场次:{{activeInfo.sname}}
  32. <text wx:if="{{activeInfo.policyName!=null}}"> 套餐:{{activeInfo.policyName}}</text>
  33. </text>
  34. </view>
  35. </navigator>
  36. </view>
  37. <view class="photo-date-list font12">
  38. <view class=" center photo-date-list-title"><b>拍摄日期</b></view>
  39. <scroll-view class="date-tabs-wrap " scroll-x="true" scroll-with-animation="true">
  40. <view class="date-tabs" style="width:{{picGroup.cameraPhotos.length*130}}rpx">
  41. <text wx:for="{{picGroup.cameraPhotos}}" wx:key="unique" class="date-tabs-item {{index==activeDate?'subtitleColor':''}}" data-index="{{index}}" bindtap="dataChange">{{item.date}}</text>
  42. </view>
  43. </scroll-view>
  44. </view>
  45. <view class="scoreImg">
  46. <view id="left">
  47. <block wx:for="{{imgArr}}" wx:key="index">
  48. <template is="item" data="{{...item,selectMore,index}}" wx:if="{{location=='left'||index%2==0}}"></template>
  49. </block>
  50. </view>
  51. <view id="right">
  52. <block wx:for="{{imgArr}}" wx:key="index">
  53. <template is="item" data="{{...item,selectMore,index}}" wx:if="{{location=='right'||index%2==1}}"></template>
  54. </block>
  55. </view>
  56. <template name="item">
  57. <view style="position: relative;">
  58. <view class="item">
  59. <image class="item-img" src="{{url}}?x-oss-process=image/quality,q_10" mode="widthFix" webp="true" data-url="{{url}}" data-src="{{url}}?x-oss-process=image/quality,q_10" binderror="imgListBinderror" catchtap="{{selectMore?'checkRadio':'openpreviewImg'}}" data-id="{{index}}" data-flag="{{flag}}" data-index="{{index}}"></image>
  60. <!-- <image class="item-img" lazy-load="true" webp="true" wx:if='{{finishLoadFlag}}' mode='widthFix' src='{{url}}?x-oss-process=image/quality,q_10' /> -->
  61. <!-- <image class="item-img" lazy-load="true" webp="true" mode='widthFix' wx:else src='../../..https://img.bbztx.com/miniProgram/challengeFamily/loginLogo.png' bindload='finishLoad' data-index="{{index}}" /> -->
  62. </view>
  63. <text wx:if="{{selectMore}}" class="icon {{flag==false?'icon-checked':'icon-uncheck'}}" data-id="{{index}}" data-flag="{{flag}}" bindtap="checkRadio">
  64. </text>
  65. </view>
  66. </template>
  67. </view>
  68. <!-- <view style="height: 100rpx;"></view> -->
  69. </view>
  70. </view>
  71. </scroll-view>
  72. <view class="btn-bottom">
  73. <block wx:if="{{!selectMore}}">
  74. <view bindtap="share">分享给亲友</view>
  75. <view bindtap="jumPage">查看孩子更多照片</view>
  76. </block>
  77. <block wx:else>
  78. <view bindtap="cancel">取消</view>
  79. <view bindtap="save">保存</view>
  80. </block>
  81. </view>
  82. <view class="save-photo" bindtap="selectMore" wx:if="{{selectMore==false}}">
  83. <view>批量</view>
  84. <view>保存</view>
  85. </view>
  86. <previewImage id="previewComponent" previewImgList="{{preList}}" previewImg="{{defImg}}" originalArr="{{originalArr}}" />
  87. <share make="{{showShare}}" type="1" bill="1" to="/pages/growup/activePhoto/bill" />