demo_20 搜索页导航栏修改
搜搜页效果图
1. 创建及跳转到搜索页
1.1 创建搜索页
1.2 从导航栏实现跳转
2. 编辑home-search 自定义导航栏
2.1 禁止原生导航
2.2 对home-search页面导航栏修改
2.2.1 navbar传参识别是哪个页面调用,以方便对navbar修改
接收传参
2.3 添加搜索栏样式
2.3.1 添加返回标签,动态添加serach样式
2.3.2 样式
效果图
2.4 修改搜索框内容
2.4.1 添加搜索页input,并可点击输入
效果图
2.4.2 添加原样式,字体增大2px
font-size: 14px;
3. 搜索页内容
3.1 添加内容view及样式
3.2 内容实现
3.3 样式实现
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步