schoolwisdoms-student-mp/pages/student/student.wxml

<view class="container">
  <view class="camera-view" animation="{{animation}}" style="left:{{left}}rpx">
    <view class="close-camera" bindtap="closeCamera">关闭</view>
    <camera device-position="back" mode="scanCode" resolution="high" flash="off" bindscancode="scanCode"
      binderror="error" style="width: 100%; height: {{height}}px;"></camera>
  </view>

  <image class="bgImg" mode="widthFix" src="https://app.schoolwisdoms.com/static/app/student/imgs/invitation_bg.png">
  </image>
  <view class="btn-view">
    <view class="left-radius"></view>
    <view class="right-radius"></view>
    <view class="btn-box">
      <view class="share-btn">海报分享邀请好友</view>
      <view class="line"></view>
      <view class="other-btn">
        <view class="">
          <image class="icon-img" mode="heightFix"
            src="https://app.schoolwisdoms.com/static/app/student/imgs/sm_link.png"></image>
          <text>链接邀请</text>
        </view>
        <view class="" bindtap="showCamaer">
          <image class="icon-img" mode="heightFix"
            src="https://app.schoolwisdoms.com/static/app/student/imgs/sm_code.png"></image>
          <text>面对面扫码</text>
        </view>
      </view>
    </view>
  </view>
  <image class="bgImg step-one" mode="widthFix"
    src="https://app.schoolwisdoms.com/static/app/student/imgs/invitation-c1.png"></image>
  <image class="bgImg step-two" mode="widthFix"
    src="https://app.schoolwisdoms.com/static/app/student/imgs/invitation-c2.png"></image>
  <view class="total-view">
    <view>
      0
      <text>已试听/人</text>
    </view>
    <view>
      0
      <text>已购课/人</text>
    </view>
    <view>
      0
      <text>获得奖励</text>
    </view>
  </view>
  <image class="bgImg step-three" mode="widthFix"
    src="https://app.schoolwisdoms.com/static/app/student/imgs/invitation-c3.png"></image>
</view>