xfapp/pages/deviceManage/component/searchArea.vue

<template>

	<view>
		<view style="height:206rpx"></view>
		<view class="ding">
			<view class="cu-bar search bg-gray filter-section" style="with:50%;">
				<view class="search-form round bg-white">
					<select name="" id="" placeholder="" clearable>
						<option value="">请选择设备类型</option>
						<option value="">类型1</option>
						<option value="">类型2</option>
					</select>
				</view>
			</view>

			<view class="cu-bar search bg-gray filter-section">
				<view class="search-form round bg-white" style="margin-bottom:26rpx">
					<select name="" id="" placeholder="" clearable>
						<option value="">请选择传输方式</option>
						<option value="">类型1</option>
						<option value="">类型2</option>
					</select>
				</view>
				<view class="action">
					<button class="cu-btn bg-blue round">查询</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				siteName: '',
			}
		},
		methods: {

			InputFocus(e) {
				this.InputBottom = e.detail.height
			},
			InputBlur(e) {
				this.InputBottom = 0
			},

		}
	}
</script>

<style>
</style>