主页（一）01-搜索栏-顶部搜索栏布局

搜索栏-顶部搜索栏布局

在home文件夹下的index.vue中

• 基本布局实现

<!-- 顶部搜索条 -->
<div class="search">
    <div class="search-item">
        <icon type='search'/>
        <span>搜索</span>
    </div>
</div>

.search {
  background-color: #EB4450;
  padding: 20rpx;
}
.search-item {
  background-color: #fff;
  padding: 10rpx;
  text-align: center;
  color: #888;
}
.search-item icon {
  vertical-align: middle;
}

图例