uview搜索框搜索出来的内用以弹出层的形式显示的代码

以下是一个示例代码，用于在uView中实现搜索框搜索并显示弹出层：

<!-- 在模板中添加搜索框 -->
<uni-search-bar @confirm="search" v-model="keyword"></uni-search-bar>

<!-- 在script中定义弹出层的数据和方法 -->
<script>
  export default {
    data() {
      return {
        keyword: '', // 搜索框输入的关键字
        results: [], // 搜索结果列表
        showPopup: false // 是否展示弹出层
      }
    },
    methods: {
      search() {
        // 发送搜索请求并更新搜索结果列表
        this.results = this.sendSearchRequest(this.keyword)
        // 展示弹出层
        this.showPopup = true
      },
      hidePopup() {
        // 隐藏弹出层
        this.showPopup = false
      }
    }
  }
</script>

<!-- 在模板中添加弹出层 -->
<view v-if="showPopup">
  <view class="mask" @click="hidePopup"></view>
  <view class="popup">
    <view v-for="(result, index) in results" :key="index">{{ result }}</view>
  </view>
</view>

<!-- 在样式中定义弹出层的样式 -->
<style>
  .mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 1000;
    padding: 10px;
  }
</style>

在上面的代码中，首先在模板中添加了一个uView的`uni-search-bar`组件用于输入关键字进行搜索。然后在script中定义了搜索方法`search`和隐藏弹出层方法`hidePopup`。当用户点击搜索按钮时，会调用`search`方法进行搜索，并将搜索结果保存在`results`中，然后将`showPopup`设置为`true`来展示弹出层。弹出层的样式定义在样式中，弹出层的内容通过在`v-for`中遍历`results`来动态生成。当用户点击弹出层外面的蒙层时，会调用`hidePopup`方法将`showPopup`设置为`false`来隐藏弹出层。