<template>
	<view class="page">
		<navBar title="网络规划-全屋WiFi" :back="true" color="black" background="white" />

		<image src="/static/index/img1.png" mode="" class="topBg"></image>

		<view class="content">
			<view class="topBox">
				<view class="water">
					CUSTOMIZED LIGHTING
				</view>
				<view class="main">
					<image src="/static/my/dh.png" mode="" style="width: 56rpx;height: 56rpx;"></image>
					<text style="z-index: 3;position: relative;">网络规划-全屋WiFi</text>
				</view>
			</view>

			<view class="label">
				户型
			</view>

			<view class="parms">
				<view @click="currHouseIndex=index" class="item " :class="[currHouseIndex==index?'act':'']"
					v-for="(item,index) in houseTypeList" :style="{'margin-right': index==1?'0':''}">
					{{item}}
				</view>


				<view class="rule">
					<image src="/static/my/bj.png" mode=""></image>
					<view class="txt">
						挑选规则
					</view>
				</view>
			</view>
		</view>
		<view class="bot">
			<view class="left">
				<view class="price">
					￥2099，9900
				</view>
				<image src="/static/my/bj.png" mode=""></image>
			</view>
			<view class="right">
				一键下单
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {
				currHouseIndex: 0,
				houseTypeList: [
					'一室两厅',
					'两室两厅',
					'三室两厅'
				]
			}
		},
		onLoad(options) {},
		methods: {

		}
	}
</script>

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