<template>
	<view class="page">
		<navBar title="挑选客厅灯" :back="true" color="black" background="white" />

		<view class="con">
			<view class="item" v-for="(item,index) in list" @click="goDetail">
				<view class="topBox">
					<image :src="item.pic" mode=""></image>
				</view>
				<view class="bottom">
					<view class="txt">
						灯具{{index+1}}
					</view>
				</view>
			</view>
		</view>
		<u-loadmore style="" loadmoreText="已经到底啦" color="#CCCCCC" lineColor="#CCCCCC" line />
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				picUrl: this.$picUrl,

				list: [{
						name: '灯具',
						pic: this.$picUrl + '/static/other/l1.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l2.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l3.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l4.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l5.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l6.png'
					},
					{
						name: '灯具',
						pic: this.$picUrl + '/static/other/l5.png'
					}, {
						name: '灯具',
						pic: this.$picUrl + '/static/other/l6.png'
					},
				]
			}
		},
		onLoad(options) {},
		methods: {
			goDetail() {
				uni.navigateTo({
					url: '/pages/index/mainDetail/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import "./index.scss";
</style>