<style lang="scss" scoped>
	.d-search{
		flex-shrink: 0;
		display:flex;
		align-items: center;
		background:#fff;
		margin:30rpx;
		border-radius: 40rpx;
		padding:6rpx;
		height:60rpx;
		.u-icon{
			margin:0 14rpx;
			flex-shrink: 0;
		}
		input{
			flex-grow: 1;
		}
		.u-button{
			flex-shrink: 0;
			width:max-content;
		}
	}
</style>
<template>
	<view class="d-search">
		<u-icon name="search" color="#999999" size="20"/>
		<input placeholder="请输入搜索内容" :value="value" @input="$emit('input',$event.detail.value)" @confirm="$emit('search')"/>
		<u-button type="primary" shape="circle" color="#10C176" text="搜索" size="mini" @click="$emit('search')"/>
	</view>
</template>
<script>
export default {
	props:{
		value:{
			type:String,
			default:""
		}
	},
	data(){
		return{

		}
	}
}
</script>