<template>
	<view>
		<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil">
			<block slot="backText">返回</block>
		</cu-custom>
		<view class="oil-qrcode">
			<view class="info">
				<view>肖师傅</view>
				<view>13216655221</view>
				<image></image>
			</view>
			<tki-qrcode ref="qrcode" cid="2" :val="qrcodeText" :size="400" onval  showLoading loadMake />
		</view>
	</view>
</template>

<script>
	import tkiQrcode from '@/BagStation/pages/components/tki-qrcode/tki-qrcode.vue'
	export default {
		components: {
			tkiQrcode
		},
		data() {
			return {
				qrcodeText:'13216655221'
			}
		}

	}
</script>

<style lang="scss" scoped>
	.oil-qrcode {
		height: 100vh;
		padding-top: 200rpx;
		text-align: center;

		.info {
			position: relative;
			display: inline-block;
			text-align: left;
			width: 400rpx;
			padding: 20rpx 20rpx 20rpx 100rpx;

			view {
				&:nth-of-type(1) {}

				&:nth-of-type(2) {
					margin-top: 15rpx;
				}
			}

			image {
				position: absolute;
				left: 0;
				top: 0;
				width: 50rpx;
				height: 50rpx;
			}
		}
	}
</style>
