<template>
	<view class="container">
		<view 
			class="title-view"
			v-for="item in title"
		>
			<text>{{item}}</text>
			<view class="arrow">
				<u-image src="/static/dropdown/dp_icon_lxia.png" width="14rpx" height="11rpx"/>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"DropDown",
		data() {
			return {
				title: ['行业','区域','面积','筛选']
			};
		}
	}
</script>

<style lang="scss" scoped>
.container{
	height: 100rpx;
	background-color: #fff;
	display: flex;
	justify-content: space-around;
	.title-view {
		display: flex;
		>text {
			font-size: 14px;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
	}
	.arrow {
		margin-left: 8rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}
	
</style>