reader/component/share/share.wxml

<view class="share" bindtap="close" wx:if="{{shareFlag}}" catchtouchmove="touchMove">
  <!--暂时使用传参方式判断不同海报保存类型 以后有时间可以重写这个组件，让组件成为公用全局组件-->
   <view class="read-activity-btn" wx:if="{{shareType === 'readActivity'}}">
    <button class="share-activity-friend" open-type="share" catchtap="shareFriend">
        <image  src="http://reader-wx.ai160.com/images/reader/pay/weixin.png"></image>
        <text>分享给好友/群聊 </text>
    </button>
        <view class="share-activity-circle" catchtap="PreservationImg">
        <image  src="http://reader-wx.ai160.com/images/reader/pay/pengyouquan.png"></image>
        <text>保存海报</text>
    </view>
   </view>
   <view wx:else class="btn" animation="{{animationData}}"  id="btnArea" catchtap="nothing">
       <!-- <image class="bg" src="../../static/groupImg/share.png"></image> -->
       <!-- <view class="corss-line"></view> -->
       <view class="invite-text" wx-if="{{shareStep==='firend' && !activity}}">分享该作品，获得3朵<image class="cover-flower"  src="../../static/image/flower_small.png"></image></view>
       <view class="invite-text" wx-if="{{activity}}">分享该作品，获得活力值<image class="cover-flower"  src="../../static/activity/popularity1.png"></image></view>
       <view class="share-btn">
            <button class="share-friend" wx-if="{{shareStep==='firend'}}" open-type="share" catchtap="shareFriend">
               <image  src="../../static/image/wx_icon.png"></image>
               <text>分享给好友/群聊 </text>
            </button>
             <view class="share-circle" wx-if="{{shareStep==='circle'}}" catchtap="PreservationImg">
               <image  src="../../static/image/wx_firend.png"></image>
               <text>保存海报</text>
            </view>
       </view>
   </view>
   <!-- <cover-view class="share-img" wx:if="{{imgUrls}}" id="imgArea">
       <cover-image class="img" src="{{imgUrls}}"  catchtap="nothing"></cover-image>
       <cover-view class="cover-text">再接再厉~</cover-view>
       <cover-view class="cover-text">现在将海报分享到朋友圈</cover-view>
       <cover-view class="cover-text">还可以额外获得10朵 <cover-image class="cover-flower"  src="../../static/image/flower_small.png"></cover-image></cover-view>
   </cover-view> -->
   <view class="share-img" wx:if="{{imgUrls}}" id="imgArea">
       <image class="img" src="{{imgUrls}}"  catchtap="nothing" style="{{shareType === 'readActivity' && '    position: absolute;left: 50%;top: 50%;transform: translate(-50%, -60%);'}}"></image>
       <view class="cover-text" hidden="{{shareType === 'readActivity'}}">将海报分享到朋友圈</view>
       <view class="cover-text" hidden="{{shareType === 'readActivity'}}">{{activity ? '获取更多人气值' : '额外获得10朵'}}<image class="cover-flower" hidden="{{activity}}"  src="../../static/image/flower_small.png"></image></view>
       <!-- <view class="cover-text">还可以额外获得10朵 <image class="cover-flower"  src="../../static/image/flower_small.png"></image>！</view> -->
   </view>
</view>
<flowerBox id="flower-toast" flowerNum="{{flowerNum}}" />