snapshootShare.wxml 1.73 KB

<view class="snapshoot-container" style="display: {{isShow ?  'block' : 'none'}}"  catchtouchmove="onTouchMove">
   <view class="snapshoot-container">
    <view class="snapshoot-content">

         <!--商品详情开始  -->
        <view class="snapshoot">
            <view wx:if="{{userInfo.uid}}" class="user-header">
              <image class="user-portrait" src="{{userInfo.avatarUrl}}"> </image>
              <view class="user-info">
                <text class="user-name">{{userInfo.nickName}}</text>
                <text class="tips">发现一件超棒的潮流好物分享给你!</text>
             </view>
            </view>
            <view class="snapshoot-productinfo">
                <image class="product-defaultImage" src="{{shareData.default_image}}"> </image>
                <text class="product-name">{{shareData.product_name}}</text>
            </view>
            <view class='product-miniqr-new'>
                <image class="product-qrcode" src="{{shareData.product_qrCode}}"></image>
                <text class="product-tips-text-new">扫一扫,发现你中意的潮流好物!</text>
            </view>
        </view>
    </view>  
    
    <!--底部按钮  -->
    <view class="snapshoot-bottom">
        <view class="snapshoot-cancel" bindtap="hidden">
            <text class="cancel-text">取消</text>
        </view>
        <view class="snapshoot-save" bindtap="saveToAlbum">
            <text class="save-text">保存到相册</text>
        </view>
    </view>
   </view>   
</view>


<block>
    <canvas canvas-id="productDetailCanvas" style="width: {{windowWidth*ratio}}px;height:{{screenHeight*ratio}}px;background-color: white;margin-top: 10000px;margin-left:10000px;position:fixed"></canvas> 
</block>