<template>

	<view class="user-item-content" @click="click">
		<view class="user-item-left">
			<image :src="src" style="width: 40rpx;height: 40rpx;" mode="aspectFit"></image>
			<text class="user-item-textBlack">{{text}}</text>
		</view>
		<view class="user-item-right">
			<text class="user-item-textBlack2">{{notes}}</text>
			<image class="user-item-right_img" src="../../static/baseIcon/zy.png"></image>
		</view>

	</view>

</template>

<script>
	export default {
		props: {
			src: {
				type: String,
				default: ""
			},
			text: {
				type: String,
				default: ""
			},
			notes: {
				type: String,
				default: ""
			},
			clickId: {
				type: String,
				default: "0"
			}
		},
		data() {
			return {

			};
		},
		methods: {
			click() {
				var clickId = this.$props.clickId;
				this.$emit("click", clickId)
			}
		}
	}
</script>

<style lang="scss">
	.user-item-content {
		width: 100%;
		height: 120rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding-left: 40rpx;
		justify-content: space-between;
		border-bottom: 1px solid #f5f5f5;
		box-sizing: border-box;

		.user-item-left {
			display: flex;
			flex-direction: row;
			height: 89rpx;
			align-items: center;
			flex: 1;
			box-sizing: border-box;

			.user-item-textBlack {
				color: #333333;
				margin-left: 15px;
				font-size: 30rpx;
				height: 89rpx;
				line-height: 89rpx;
			}
		}

		.user-item-right {
			display: flex;
			flex-direction: row;
			height: 89rpx;
			align-items: center;

			.user-item-right_img {
				width: 30rpx;
				height: 30rpx;
				margin-right: 35rpx;
			}

			.user-item-textBlack2 {
				color: #ccc;
				font-size: 25rpx;
				height: 89rpx;
				line-height: 89rpx;
			}
		}

	}
</style>