1.0.0

components/i-search/i-search.vue

@@ -0,0 +1,39 @@
+<template>
+	<view>
+		<view class="border rounded-lg overflow-hidden flex align-stretch">
+			<input :placeholder="placeholder" v-model="value" class="flex-1 font30 py-2 px-3" />
+			<view class=" font30 flex-shrink px-3 py-2 flex align-center border-left" @click="toSearch">
+				<uni-icons type="search" size="16" color="#666666"></uni-icons>
+				<text class="ml-1">搜索</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"i-search",
+		props:{
+			placeholder:{
+				type: String,
+				default() {
+				  return null;
+				},
+			}
+		},
+		data() {
+			return {
+				value:null
+			};
+		},
+		methods:{
+			toSearch(){
+				this.$emit('click',this.value)
+			}
+		}
+		
+	}
+</script>
+
+<style scoped>
+</style>