点击弹出实现模拟百度那样子

<uni-section title="输入框示例" type="line" padding><view class="dialog-box"><text class="dialog-text">输入内容：{{ value }}</text></view><button class="button" type="primary" @click="inputDialogToggle"><text class="button-text">输入对话框</text></button></uni-section>
<uni-popup ref="inputDialog" type="dialog"><!-- <uni-popup-dialog ref="inputClose"  mode="input" title="输入内容" value="对话框预置提示内容!" placeholder="请输入内容" @input="handleInput" @confirm="dialogInputConfirm"> --><uni-popup-dialog ref="inputClose"  title="输入内容" :confirm-text="confirmText" :cancel-text="cancelText" @confirm="confirm" @close="cancel" ><view class="result" ><input type="text" v-model="searchText" @input="chickCompany" placeholder="请输入公司名称"/><text v-for="(item,index) in result" :key="index" @click="selectCompany(item.content)">{{ item.content }}</text>  </view>  <!-- 	<button @click="confirm">确定</button>  <button @click="cancel">取消</button>  --></uni-popup-dialog>
</uni-popup>

export default {data() {return {redirect:'',checkPrivacy:false,confirmText: '绑定',  cancelText: '去注册',searchText:'',result:[],}；}method：{selectCompany(context){// 将选中的提示数据回显到搜索框中  this.searchText = context;  	},confirm() {  // 确认用户输入的内容  console.log('用户输入的内容为：');  // 关闭对话框  // this.isVisible = false;  },  cancel() {  // 取消操作，可以执行相应的逻辑  console.log('用户取消了操作');  // 关闭对话框  // this.isVisible = false;  },chickCompany(event){console.log("------")console.log("event",event.detail.value)console.log("this.key",this.searchText)this.result=null;// 发送搜索请求，获取搜索结果  // 假设搜索结果是一个包含多个对象的数组，每个对象包含一个id和content属性  // 例如： [{id: 1, content: '搜索结果1'}, {id: 2, content: '搜索结果2'}]  // 这里使用mock数据代替真实的搜索结果作为示例  //获取所有公司console.log("this.companyList",this.companyList)const searchResult = [  { id: 1, content: '示例1' },  { id: 2, content: '示例2' },  { id: 3, content: '示例3' }  ];  if(this.searchText==1){const searchResult = [{ id: 1, content: '示例1' }]this.result = searchResult}if(this.searchText==2){const searchResult = [{ id: 2, content: '示例2' }]this.result = searchResult}if(this.searchText == 3){const searchResult = [{ id: 3, content: '示例3' }]this.result = searchResult  }},inputDialogToggle() {this.$refs.inputDialog.open()},dialogInputConfirm(val) {uni.showLoading({title: '3秒后会关闭'})setTimeout(() => {uni.hideLoading()console.log(val)this.value = val// 关闭窗口后，恢复默认内容this.$refs.inputDialog.close()}, 3000)},}}