<template>
	<view v-if="show" class="remeber_info" :style="{top:topPosition+ 'px',left:leftPosition+ 'px'}">
		<u-cell-group :customStyle="{'font-size':'12px!important'}">
			<u-cell class="remeber_list" v-for="item in list" @click="toInfo(item)" :title="item.loginName" >
			</u-cell>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList: [],
			}
		},
		props: {
			show: {
				type: Boolean,
				default: false
			},
			topPosition: {
				type: Number,
				default: 0
			},
			leftPosition: {
				type: Number,
				default: 0
			},
			list: {
				type: Array,
				default: () => {
					return [{
						loginName: '',
						password: ''
					}]
				}
			},

		},
		methods: {
			toInfo(item) {
				this.$emit('getAccount', item)
			},
		}
	}
</script>

<style>
	.remeber_info {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background-color: #fefefe;
		max-height: 20vh;
		overflow: auto;
		
	}

	.remeber_list * {
		padding: 0px !important;
	}
</style>