1111

components/UserItem/UserItem.vue

@@ -0,0 +1,101 @@
+<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>