初次提交

components/new-search/index.vue

@@ -0,0 +1,79 @@
+<template>
+	<view class="search" >
+		<u-icon name="search" color="#009C77" size="40"></u-icon>
+
+		<u-input v-model="dec" style="width:100%;" type="text" :placeholder="this.$t('homePage.device.inputNameQuery')" :clearable='false'/>
+		<view class="shaixuan"  id="search">
+			<u-button  @click="search" size="mini"  shape="circle" :custom-style="{backgroundColor:'#009C77',color:'#FFFFFF'}">{{this.$t('homePage.device.query')}}</u-button>
+		</view>
+		<!-- <input type="text" :value="dec" :input-align="right" placeholder="请输入告警内容筛选"/> -->
+<!-- 		<view class="proper" v-if="show_" id="popup">
+			123123
+
+		</view> -->
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				dec: '',
+				value1: 1,
+				value2: 2,
+				show_: false,
+			}
+		},
+		methods: {
+			open() {
+				this.show_ = true
+				this.$emit('custom')
+			},
+			search(){
+				this.$emit('search',this.dec)
+			}
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.search {
+		background-color: #ffffff;
+		width: 100%;
+		height: 80rpx;
+		border-radius: 57rpx;
+		// box-shadow: 0px 4rpx 16rpx rgba(0, 0, 0, 0.1);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding-left: 20rpx;
+		padding-right: 20rpx;
+		margin-bottom: 20rpx;
+		position: relative;
+
+		.shaixuan {
+			height: 60rpx;
+			display: flex;
+			padding-top: 10rpx;
+			padding-bottom: 10rpx;
+			align-items: center;
+			color: #009C77
+		}
+
+		.proper {
+			position: absolute;
+			left: 0;
+			right: 0;
+			top: 80rpx;
+			height: 500rpx;
+			background-color: red;
+
+		}
+	}
+
+	::v-deep .u-dropdown__content {
+		position: fixed;
+	}
+</style>