Javascript 使用Vuetify如何在旋转木马上放置搜索栏？

正如标题所说，我想在旋转木马上放置一个搜索栏功能，我正试图使用和v-carousel>实现这一点

使用官方Vuetify中的代码片段，我成功实现了以下功能：

我面临的问题如下：

我怎么能丢失teal工具栏，而只使用一条简单的单行线进行搜索，它将位于旋转木马的中心？ 无论何时单击搜索栏，我都会看到以下内容：[对象]。我怎样才能摆脱这个？ 在我当前的实现中，每当我搜索一个状态时，我都能够成功地找到它，但问题是旋转木马的背景转换效果停止了。例如，如果我搜索俄克拉荷马州，我可以看到结果，但是背景旋转木马转换停止了。如何解决这个问题？

---

我将按照你提出的问题来回答

1：蓝绿色在您的v形工具栏声明中指定

<v-toolbar
  dark
  color="teal"
>

这直接来自vuetify文档

3：我无法复制旋转木马暂停，它在我的旋转木马上一直持续

希望这能有所帮助

<v-toolbar
  dark
  color="teal"
>

<v-toolbar
  dark
  color="rgba(0,0,0,0)"
>

<v-toolbar
  dark
  color="rgba(0,0,0,0)"
  style="position:absolute;top:75px;z-index:400;"
>

<v-autocomplete
style="background:rgba(0,0,0,0)"
v-model="select"
:items="states"
:loading="isLoading"
:search-input.sync="search"
color="white"
hide-no-data
hide-selected
item-text="Description"
item-value="state"
label="States"
placeholder="Start typing to Search"
prepend-icon="mdi-database-search"
return-object
>
</v-autocomplete>