<template>
	<view class="page">
		<navBar title="定制我家的主灯" :back="true" color="black" background="white" />
		<image class="topImg" src="/static/index/main.png" mode=""></image>

		<view class="cen">
			<image class="water" src="/static/index/water.png" mode=""></image>
			<image class="halfC" src="/static/index/halfCircle_275.png" mode=""></image>
			定制我家的主灯
		</view>

		<view class="parmasBox">
			<view class="con">
				<view class="top">
					<view class="item" v-for="i in 2">
						<view class="name">
							户型
						</view>
						<view class="des">
							一室两厅
						</view>
					</view>
				</view>

				<view class="part2">
					包含灯型
				</view>
				<view class="type">
					<view class="top2">
						<view class="label">
							客厅灯
						</view>
						<view class="num">
							3盏
						</view>
					</view>
					<view class="list">
						<view class="item" v-for="i in 3">
							<image src="/static/index/img1.png" mode=""></image>
							<view class="name">
								BNL12934
							</view>
							<!-- <view class="num">
							</view> -->
						</view>
					</view>
				</view>

				<view class="type">
					<view class="top2">
						<view class="label">
							餐厅灯
						</view>
						<view class="num">
							3盏
						</view>
					</view>
					<view class="list">
						<view class="item" v-for="i in 1">
							<image src="/static/index/img1.png" mode=""></image>
							<view class="name">
								BNL12934
							</view>
							<!-- <view class="num">
							</view> -->
						</view>
					</view>
				</view>

				<view class="type">
					<view class="top2">
						<view class="label">
							餐厅灯
						</view>
						<view class="num">
							3盏
						</view>
					</view>
					<view class="list">
						<view class="item" v-for="i in 2">
							<image src="/static/index/img1.png" mode=""></image>
							<view class="name">
								BNL12934
							</view>
							<!-- <view class="num">
							</view> -->
						</view>
					</view>
				</view>

				<view class="type">
					<view class="top2">
						<view class="label">
							餐厅灯
						</view>
						<view class="num">
							3盏
						</view>
					</view>
					<view class="list">
						<view class="item" v-for="i in 1">
							<image src="/static/index/img1.png" mode=""></image>
							<view class="name">
								BNL12934
							</view>
							<!-- <view class="num">
							</view> -->
						</view>
					</view>
				</view>
			</view>
		</view>
		<image @click="back" src="/static/index/backBtnImg.png" mode="" class="rule_img"></image>
		<!-- <view class="rule">
			<image src="/static/my/bj.png" mode=""></image>
			<view class="txt">
				返回
			</view>
		</view> -->
		<view class="bot">
			<view class="left">
				<view class="price">
					￥2099，9900
				</view>
				<image src="/static/index/arrDown.png" mode=""></image>
			</view>
			<view class="right" @click="showFixInfo=true">
				确认配置
			</view>
		</view>

		<!-- <view class="btnBox">
			<view class="lBtn">
				重新选择
			</view>
			<view class="rBtn">
				选中
			</view>
		</view> -->


		<u-popup :show="showFixInfo" @close="close" @open="open" round='10'>
			<view class="topBar" style="">
				<view class="left">

				</view>
				<view class="cen">
					信息填写
				</view>
				<view class="close" @click="showFixInfo=false">
					<u-icon name="close"></u-icon>
				</view>
			</view>
			<view class="pupopCon">
				<view class="item">
					<view class="label">
						收货人
					</view>
					<u--input clearable placeholder="请输入收货人" border="surround" v-model="value"
						@change="change"></u--input>
				</view>
				<view class="item">
					<view class="label">
						电话
					</view>
					<u--input clearable placeholder="请输入电话" border="surround" v-model="value"
						@change="change"></u--input>
				</view>
				<view class="item" style="margin-bottom: 24rpx;height: auto;">
					<view class="label">
						收货地址
					</view>
					<!-- <u--input clearable placeholder="请输入收货地址" border="surround" v-model="value"
						@change="change"></u--input> -->
					<u--textarea v-model="value1" placeholder="请输入收货地址"></u--textarea>
				</view>

				<view class="item" style="margin-bottom: 24rpx;">
					<view class="label">
						备注
					</view>
					<u--input clearable placeholder="请输入备注" border="surround" v-model="value"
						@change="change"></u--input>
				</view>
				<u-button text="一键下单" color="#333" @click="showFixInfo=false"></u-button>
			</view>
		</u-popup>

	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				showFixInfo: false
			}
		},
		onLoad(options) {},
		methods: {
			back() {
				uni.navigateBack()
			}
		}
	}
</script>

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