uniapp 手机端搜索框

uniapp 手机端的类似商城的搜索框，输入关键字 点击手机键盘确定键 显示包含关键字的内容

<input class="shuru"  type="search" :placeholder="搜索"  v-model="text" @change="cs()"/>

cs:function(){
			var data ={
			    text:this.text,
			     //后台对接口要传的其他数据
			}
			uni.showLoading({
				title: 'Loading...',
				mask: true
			})
			this.proims(data, '接口').then((res) => {
				if (res.data.code == 1) {
					uni.hideLoading()
				} else {
					uni.showToast({
						title:res.data.message,
						icon:'none'
					})
				}
			}, (res) => {
					uni.showToast({
						title:res.data.message,
						icon:'none'
					})
			})
		}

另：placeholder 的样式 可以在标签里加placeholder的两个属性 placeholder-style（直接写样式） 或者 placeholder-class （类名） 来设置样式，如果这都不能改变的话，在App.vue 的 style 里加吧 ，！important 也可以加上 这样就能改了