uniapp顶部搜索框

在uniapp中，可以使用组件来创建顶部搜索框。以下是一个示例代码：

<template>
  <view>
    <input class="search-input" type="text" placeholder="请输入搜索内容" />
    <button class="search-btn" @click="search">搜索</button>
  </view>
</template>

<script>
export default {
  methods: {
    search() {
      // 在这里执行搜索操作
      // 可以通过 this.$refs.input.value 获取输入框的值
      const keyword = this.$refs.input.value;
      console.log(keyword);
      // 执行搜索操作...
    },
  },
};
</script>

<style>
.search-input {
  width: 80%;
  height: 30px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.search-btn {
  margin-top: 10px;
  width: 80px;
  height: 30px;
}
</style>

上述代码使用了`<input>`和`<button>`组件来创建一个简单的顶部搜索框。你可以根据自己的需求进行