微信小程序（二）首页之搜索框

最新推荐文章于 2024-02-18 15:36:45 发布

Zaltana

最新推荐文章于 2024-02-18 15:36:45 发布

阅读量1.1k

点赞数 3

分类专栏：微信小程序文章标签：微信小程序前端

本文链接：https://blog.csdn.net/zhoulina815/article/details/123857906

版权

微信小程序专栏收录该内容

13 篇文章 27 订阅

订阅专栏

一.搜索框

navigator导航

页面链接。

open-type

SearchInput.wxml

<!--components/SearchInput/SearchInput.wxml-->
<!--搜索-->
<view class="search_input">
<navigator url="/pages/search/search" open-type="navigate">
搜索
</navigator>
</view>

SearchInput.wxss

/* components/SearchInput/SearchInput.wxss */
.search_input {
  height: 90rpx;
  padding: 10rpx;
  background-color: var(--themeColor);
}
.search_input navigator {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 15rpx;
  color: #666666;
}