assess-app/components/en-utils/en-search/en-search.vue

<template>
	<view class="">
		<view class="row search center sys-background-fff r-100 m-20 p-l16">
			<uni-icons type="search" size="18" color="#999"></uni-icons>
			<input class="flex p-l20" type="text" :placeholder="placeholder"
				placeholder-style="font-size:28rpx;color:#999" v-model="value" />
			<view class="search-text size-28" @click.stop="setSearch">搜索</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			placeholder: {
				type: String,
				default: ''
			},
			bgColor: {
				type: String,
				default: '#ffffff'
			},
			back: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				value: ''
			}
		},
		methods: {
      setSearch(){
          this.$emit('setSearch',this.value)
      },
		}
	}
</script>

<style lang="scss" scoped>
	.search {
		line-height: 50rpx;
	}

	.search-text {
		color: #fff;
		padding: 0 40rpx;
		margin: 10rpx;
		background-color: #0FB160;
		border-radius: 100rpx;
	}
</style>