更新

2023-09-07 09:40:21 +08:00
parent 3d13ebb01d
commit 49fc0e5531
9 changed files with 253 additions and 111 deletions
--- a/BagStation/pages/oilQRcode/index.vue
+++ b/BagStation/pages/oilQRcode/index.vue
@@ -0,0 +1,62 @@
+<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>