challengeFamily/pages/product/activity/bill.wxml

<view style="padding-bottom: 110rpx;">
  <!-- <button class='button button-white button-big button-radius' bindtap='cetaInvite' hover-class='none'>保存到相册</button> -->
  <view class="borderNone card">
    <view class="card-label"><text>{{showConent?'分享海报':'邀请海报'}}</text></view>
    <view class="tip subtitleColor m-top20" wx:if="{{userInfo.roleType == 'sharer'&& shareStatus==1}}">保存海报，发送好友或朋友圈，好友下单赚取奖励~</view>
    <view class="card-content">
      <view class="swiper" wx:if="{{info.posters.length > 0}}">
        <swiper indicator-dots="{{true}}" bindchange="swiperChange">
          <block wx:for="{{info.posters}}" wx:for-index="index" wx:key="*this">
            <swiper-item>
              <view class="shareImage">
                <image class="swiper-item-bg" src='{{item.posterPic}}' mode="widthFix"></image>
                <image class="swiper-item-logo" src='{{info.qrcode}}' style="{{'top:'+(item.posterHeight - item.qrcodeY - item.qrcodeHeight)*(500/item.posterWidth)+'rpx;'+'left:'+item.qrcodeX*(500/item.posterWidth)+'rpx;'+'width:'+item.qrcodeWidth*(500/item.posterWidth)+'rpx;'+'height:'+item.qrcodeHeight*(500/item.posterWidth)+'rpx;'}}"></image>
              </view>
            </swiper-item>
          </block>
          <!-- 隐藏默认海报 -->
          <swiper-item wx:if="{{false}}">
            <view class="shareImage {{orderid.length > 0 ? 'group':'actvity'}}">
              <text class='nickname'>{{info.nickname}}</text>
              <text class='discountPrice' wx:if="{{orderid.length > 0}}">{{info.discountPrice}}</text>
              <text class='text' wx:else>{{userInfo.roleType == 'normal' || userInfo.roleTypeDisable == 1 ? '让宝贝探索属于自己的世界':'邀你参加活动，送你'+info.invitePrice+'元新人现金券'}}</text>
              <text class='tag'>{{info.tags}}</text>
              <text class='text-price'>活动费</text>
              <text class='price'><text class='price-text'>￥</text>{{info.price}}</text>
              <text class='psAttendCount' wx:if="{{info.psAttendCount > 10}}">已售{{info.psAttendCount}}人</text>
              <text class="act-text" wx:if="{{orderid.length <= 0}}">{{info.commentContent}}</text>
              <image class='logo' src='{{info.logo}}'></image>
              <image class='avatar' src='{{info.avatar}}'></image>
              <image class='qrcode' src='{{info.qrcode}}'></image>
              <!-- ../images/{{orderid.length > 0 ? 'group_bg':'activity_bg'}}.jpg -->
              <image wx:if="{{orderid.length > 0}}" class='bg' src="../images/group_bg.jpg"></image>
              <image wx:else class='bg' src="https://img.bbztx.com/images/upload/thumbs/20221110/logo/1668071284848082519.jpg"></image>
            </view>
          </swiper-item>
        </swiper>
      </view>
      <!-- 隐藏默认海报 -->
      <view wx:if="{{false}}" class="shareImage {{orderid.length > 0 ? 'group':'actvity'}}">
        <text class='nickname'>{{info.nickname}}</text>
        <text class='discountPrice' wx:if="{{orderid.length > 0}}">{{info.discountPrice}}</text>
        <text class='text' wx:else>{{userInfo.roleType == 'normal' || userInfo.roleTypeDisable == 1 ? '让宝贝探索属于自己的世界':'邀你参加活动，送你'+info.invitePrice+'元新人现金券'}}</text>
        <text class='tag'>{{info.tags}}</text>
        <text class='text-price'>活动费</text>
        <text class='price'><text class='price-text'>￥</text>{{info.price}}</text>
        <text class='psAttendCount' wx:if="{{info.psAttendCount > 10}}">已售{{info.psAttendCount}}人</text>
        <text class="act-text" wx:if="{{orderid.length <= 0}}">{{info.commentContent}}</text>
        <image class='logo' src='{{info.logo}}'></image>
        <image class='avatar' src='{{info.avatar}}'></image>
        <image class='qrcode' src='{{info.qrcode}}'></image>
        <image wx:if="{{orderid.length > 0}}" class='bg' src="../images/group_bg.jpg"></image>
        <image wx:else class='bg' src="https://img.bbztx.com/images/upload/thumbs/20221110/logo/1668071284848082519.jpg"></image>
      </view>
    </view>
  </view>
  <view class="card m-top20" wx:if="{{showConent}}">
    <view class="card-label"><text>文案</text></view>
    <view class="card-content">{{info.posterContent}}</view>
  </view>
</view>
<view class="buttom-btn">
  <view class="btn-left" wx:if="{{showConent}}">
    <view class="button" data-data="{{info.posterContent}}" bindtap="copyContent">复制文案</view>
  </view>
  <view class="btn-right">
    <view class="button" bindtap='cetaInvite'>保存图片</view>
  </view>
</view>
<canvasdrawer painting="{{painting}}" class="canvasdrawer" bind:getImage="eventGetImage" />
<view wx:for="{{img}}" wx:for-index="index" wx:key="*this">
  <image src="{{item}}" style="width:500rpx;height:900rpx;"></image>
</view>