w-front-end / select_good · Files

<template>
	<div class="img-list-box" v-if="imgLists && imgLists.length">
		<div class="box">
			<div class="img-box" v-for="(item, index) in imgLists" :key="index" @click="toDetail(item)">
				<img v-lazy="item.simg + SIGN.BIG" class="img" mode="widthFix" />
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: ["imgLists"],
		methods: {
			/**
			 * 跳转详情
			 * @param {object} item [列表对象]
			 */
			toDetail(item) {
				this.$emit("detail", item);
			}
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style rel="stylesheet/less" lang='less' scoped>
	@import './imgListBox';
</style>