haowanShow/miniprogram/pages/shared/shared.wxml

<view class="container" style="background-image: url({{shared_img}})">
  <view class="mask"></view>
  <view class="shared-content">
    <image class="canvas-img" src="{{img_url}}"></image>
    <canvas class="canvas"  canvas-id="content"></canvas>
    <view class="dingzhi" bindtap="showEdit" wx:if="{{ imgLoaded }}">定制推荐语</view>
  </view>
  <view class="tools-w">
    <view class="tools-title">分享到</view>
    <view class="share-tools">
      <button class="share-item" open-type="share">
        <view class="wechat">
          <icon icon="share_wechat" size="22"></icon>
        </view>
        <view>微信好友</view>
      </button>
      <view class="share-item share-link" bindtap="copyLink">
        <view class="wechat link">
          <icon icon="share_link" size="22"></icon>
        </view>
        <view>复制链接</view>
        
      </view>
      <view class="share-item share-photo" bindtap="savePhoto">
        <view class="wechat photo">
          <icon icon="share_poster" size="22"></icon>
        </view>
        <view>保存至相册</view>
        
      </view>
    </view>
  </view>

  <view class="edit-box" wx:if="{{ editShowStatus }}">
    <view class="mask"></view>
    <view class="edit-w">
      <view class="edit-header">我的个性推荐语</view>
      <view class="edit-content">
        <textarea bindinput="bindinput" value="{{recommend_text}}" placeholder="请输入您的推荐语" maxlength="25" show-confirm-bar="{{ false }}" />
        <view class="text-tip">{{ recommend_text.length }}/25</view>
      </view>
      <view class="edit-footer">
        <view bindtap="hideEdit">取消</view>
        <view class="submit" bindtap="submitRecommend" >确认</view>
      </view>
    </view>
  </view>
</view>