You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.1 KiB
62 lines
1.1 KiB
<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>
|
|
|