<template>
	<view>
		<uni-section title="邀请员工" type="line">
			<uni-list>
				<uni-list-item thumb-size="sm" showArrow title="二维码邀请" clickable>
					<template v-slot:header>
						<view class="slot-box">
							<image class="icon" src="../../static/qrcode2.png" mode="widthFix"></image>
						</view>
					</template>
					<template v-slot:body>
						<text class="slot-box text">二维码邀请</text>
					</template>
				</uni-list-item>
			</uni-list>
		</uni-section>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				extraIcon: {
					color: '#007eff',
					size: '22',
					type: 'icon-qrcode'
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
.slot-box {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.icon {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
.text {
	font-size: 14px;
}
</style>
