reader/component/share/share.wxml

<view class="share" bindtap="close" wx:if="{{shareFlag}}" catchtouchmove="touchMove">
   <view class="btn" animation="{{animationData}}" wx:if="{{!imgUrls}}" id="btnArea" catchtap="nothing">
       <image class="bg" src="../../static/groupImg/share.png"></image>
       <view class="share-btn">
            <button class="share-friend" open-type="share" catchtap="shareFriend">
               <image  src="../../static/groupImg/weixin.png"></image>
               <text>群/好友</text>
            </button>
            <view class="share-circle" catchtap="poster">
               <image  src="../../static/groupImg/circle.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="Preservation" bindtap="PreservationImg" style="{{shareType === 'works' ?'background:#ff9209' :'background:#70CA2D'}}">
           <!-- <image class="PreservationBg" src="../../static/groupImg/Preservation.png"></image> -->
           <!-- <text bindtap="PreservationImg">保存到相册中，快去分享吧</text> -->
           保存到相册中，快去分享吧!
       </cover-view>
   </cover-view>
</view>