<script setup>
	/**
	 * name：
	 * user：sa0ChunLuyu
	 * date：2022-04-20 09:02:17
	 */
	import {
		ref
	} from 'vue'
	const user_code = ref('')
	const wxGetUserInfo = (res) => {
		if (!res.detail.iv) {
			uni.$lu.toast("您取消了授权,登录失败");
			return false;
		}
		uni.login({
			provider: 'weixin',
			success: (loginRes) => {
				let d = loginRes
				user_code.value = JSON.stringify(d, null, 4)
				drawer_ref.value.open()
			},
		});
	}
  
  const drawer_ref = ref(null)
  const drawerRef = (e) => {
    drawer_ref.value = e
  }
  
	const copyContent = () => {
		uni.setClipboardData({
			data: user_code.value
		})
	}
</script>
<template>
  <uni-drawer :ref="drawerRef" mode="right">
    <view class="navbar_wrapper"></view>
    <textarea :maxlength="-1" class="textarea_wrapper" v-model="user_code" />
    <button size="mini" @click="copyContent()">复制</button>
  </uni-drawer>
  
  <uni-section title="用户Code" type="line">
    <view class="uni-ma-5 uni-pb-5 example_item_wrapper">
      <button size="mini" open-type="getUserInfo" @getuserinfo="wxGetUserInfo"
      	withCredentials="true">获取Code</button>
    </view>
  </uni-section>
</template>
<style scoped>
  .textarea_wrapper {
    margin-top: 100rpx;
    height: 400rpx;
  }
</style>
