<template>
	<view class="city">
		<view class="city-hd">
			<image class="sousuo" src="@/static/city-sousuo.png"></image>
			<input type="text" placeholder="请输入" />
			<image class="clear" src="@/static/city-close.png"></image>
		</view>
		<view class="city-bd">
			<view class="empty">
				<image src="@/static/empty.png"></image>
				<view class="txt">暂无数据</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
page{
	background-color: #fff;
}
.city{
	padding: 0 25rpx;
	overflow: hidden;
	&-hd{
		margin-top: 30rpx;
		height: 90rpx;
		background: #F5F5F5;
		border-radius: 90rpx;
		border: 1px solid #EAEAEA;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		.sousuo{
			width: 30rpx;
			height: 30rpx;
			margin-right: 15rpx;
		}
		input{
			flex: 1;
			font-weight: 500;
			font-size: 28rpx;
			color: #222222;
			height: 90rpx;
		}
		.clear{
			width: 45rpx;
			height: 45rpx;
			margin-left: 15rpx;
		}
	}
	&-bd{
		padding: 0 25rpx 25rpx;
		overflow: hidden;
		.empty{
			padding: 150rpx 0;
			text-align: center;
			font-weight: 500;
			font-size: 28rpx;
			color: #222222;
			image{
				display: block;
				width: 460rpx;
				height: 400rpx;
				margin: 0 auto;
			}
		}
	}
}
</style>
