fohow_xcx/packageUser/pages/user/invite/material/material.wxml

<view class="bg">
  <view class="top">
    <image class="top-head" src="{{userInfo.avatarUrl}}"></image>
    <view class="top-text ellipsis">{{userInfo.nickName}}</view>
  </view>
  <view class="hint">点击“一键分享”，即可复制保存发圈素材及文案。</view>
  <view class="main" wx:for="{{list}}" wx:key="{{index}}">
    <view class="main-top">
      <image class="main-head" src="{{item.wx_user_info.head}}"></image>
      <view class="main-name ellipsis">{{item.wx_user_info.nickname}}</view>
      <view class="main-allshare" bindtap="allShare" data-index="{{index}}" data-type="all">一键分享</view>
      <view class="clear"></view>
    </view>
    <view class="main-text {{!textList[index] ? 'ellipsisLn' : ''}}">{{item.material_text}}</view>
    <view class="main-alltext" data-val="{{index}}" bindtap="changeText" wx:if="{{item.material_text.length > 55}}">{{!textList[index] ? '全文' : '收起'}}</view>
    <view class="images">
      <image wx:key="{{imageIndex}}" wx:for="{{item.image_list}}" wx:for-item="imageList" wx:for-index="imageIndex" class="image" mode="aspectFill" src="{{imageList + '/resize,p_15'}}" bindtap="getImage" data-i="{{index}}" data-index="{{imageIndex}}"></image>
      <view class="clear"></view>
    </view>
    <view class="main-time"><format-time type="formatChDate" value="{{item.c_time}}" ></format-time></view>
    <view class="main-share">
      <view style="float: left;" bindtap="toProduct" data-id="{{item.product_info.id}}" wx:if="{{item.m_type === 'product'}}">
        <image class="main-shareimg" mode="aspectFill" src="{{item.product_info.pics[0].img}}"></image>
        <view class="main-sharetext ellipsisLn">{{item.product_info.name}}</view>
      </view>
      <view style="float: left;" bindtap="toProject" data-id="{{item.project_info.id}}" wx:if="{{item.m_type === 'project'}}">
        <image class="main-shareimg" mode="aspectFill" src="{{item.project_info.introduce_pics[0].img}}"></image>
        <view class="main-sharetext ellipsisLn">{{item.project_info.title}}</view>
      </view>
      <view class="main-sharebtn" bindtap="sharePoster" data-index="{{index}}" data-type="one">分享</view>
      <!--<button class="main-sharebtn" open-type="share" data-index="{{index}}">分享</button>-->
      
      <view class="clear"></view>
    </view>
  </view>
  <view class="canvas-position">
    <canvas class="canvas" style="width: 750px; height: 1334px" canvas-id="myCanvas" ></canvas>
  </view>
  <view class="poster" wx:if="{{posterPopup}}" catchtouchmove="stopPageScroll">
    <view class="poster-main">
      <view style="height: 60rpx;"></view>
      <view class="poster-close" bindtap="posterClose"></view>
      <image class="poster-img" src="{{posterImage}}"></image>
      <view class="poster-text">保存图片，叫伙伴们来围观吧</view>
      <view class="poster-btn" bindtap="saveImage">
        <view class="poster-icon"></view>
        <view class="poster-save" >保存</view>
        <view class="clear"></view>
      </view>
    </view>
  </view>
  <view class="popup-bg" wx:if="{{popup}}">
    <view class="popup" >
      <view class="popup-title">提示</view>
      <view class="popup-logobg">
        <view class="popup-image" ></view>
      </view>
      <text class="popup-hint">FOHOW玖玖申请同意相册保存\n以确保正常使用保存相册功能</text>
      <button class="popup-bottom" open-type="openSetting" bindopensetting="setting">确认</button>
    </view>
  </view>
  <view class="all-share" wx:if="{{loadingPopup}}">
    <view class="all-line">
      <view class="all-loading" wx:if="{{!imgsLoading}}"></view>
      <view class="all-finish" wx:if="{{imgsLoading}}"></view>
      <view class="all-text">图片保存至相册</view>
      <view class="clear"></view>
    </view>
    <view class="all-line">
      <view class="all-loading" wx:if="{{!textLoading}}"></view>
      <view class="all-finish" wx:if="{{textLoading}}"></view>
      <view class="all-text">拷贝文案</view>
      <view class="clear"></view>
    </view>
    <view class="all-line">
      <view class="all-loading" wx:if="{{!posterLoading}}"></view>
      <view class="all-finish" wx:if="{{posterLoading}}"></view>
      <view class="all-text">首图带专属码</view>
      <view class="clear"></view>
    </view>
    <view class="all-hint">复制完成即可立马发圈</view>
  </view>
  <view style="height: 50rpx;"></view>
</view>