serve/pages/invite-friends/invite-friends.wxml

<!--邀请好友-->
<image src="../../images/head-bg.png" class="head-bg" style="height: {{navbarHeight + 7}}px;" />
<view class="wrap" style="height: {{navbarHeight + 7}}px;">
    <view class="return" bindtap="back">
        <image src="../../images/return.png" mode="widthFix" class="back-icon" />
    </view>
    <view class="title">元素魔方</view>
</view>
<view class="container-wrap" style="margin-top: {{navbarHeight + 7}}px;">
    <image src="../../images/bg-8.png" mode="widthFix" class="wrap-bg"></image>
    <view class="btn-box"><button class="btn" bindtap="show">邀请好友</button></view>
    <button class="position-btn" bindtap="activityRule"></button>
</view>

<!-- 二维码弹窗 -->
<view wx:if="{{isShow}}">
    <view class="mask" bindtap="hideWindow"></view>
    <view class="window">
        <image src="{{poster}}" mode="widthFix" class="window-img"></image>
        <view class="window-btn-box">
            <button bindtap="hideWindow">
                <image src="../../images/icon-5.png"></image>取消分享
            </button>
            <button bindtap="downloadPoster">
                <image src="../../images/icon-6.png"></image>保存图片
            </button>
        </view>
 </view>
</view>