program/src/components/index/scan.vue

<template>
  <div id="index_login_container" class="animation-slide-right">
    <view class="solid-bottom text-xl padding text-center">
      <text class=" text-bold title_color">欢迎来到水母星球！</text>
    </view>
    <view class="text-df text-center slogen">在此你将会体验到操控专注力的神奇感觉</view>
    <div class="sub_slogen_sm text-center sub_slogen_ext">
      <span class="text-center">水母星球小程序需要会员卡或者邀请卡使用 </span><br>
      <span class="text-center">如你手上已有会员卡或邀请卡，请扫卡上的二维码</span>
    </div>

    <div class="text-center padding">
      <button class="cu-btn lg cu-btn-primary text-white text-center" @click="open_scan"><text class="cuIcon-scan"></text>扫码</button>
    </div>
    <view class="text-center text-xs">
      <text class="text-gray">如果您在我们的实体店，请在店员的指导下链接脑环</text>
    </view>
  </div>
</template>
<script>
  export default {
    name:'scan_container',
    methods:{
      open_scan(){
        wx.scanCode({
          onlyFromCamera:true
        })
      },
      toLogin(){
        this.$emit('changeStatus','login')
      }
    }
  }
</script>
<style>
.sub_slogen_ext {
  width: 290px;
}
</style>