要须心地收汗马,孔孟行世目杲杲。这篇文章主要讲述配置uni-app导航栏上的搜索框相关的知识,希望能为你提供帮助。
page下的style选项根据官方文档配置即可
https://uniapp.dcloud.io/collocation/pages?id=pages
例子:
{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "app-plus":{ "titleNView":{ "searchInput":{ "align":"center", "backgroundColor":"#eee", "borderRadius":"5px", // 只能用px作单位 "placeholder":"请输入内容", "placeholderColor":"#ccc" } } } } } ], "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" } }
效果:
文章图片
【配置uni-app导航栏上的搜索框】
推荐阅读
- 扩展mybatis和通用mapper,支持mysql的geometry类型字段
- TypeScript + React + Redux 实战简单天气APP全套完整项目
- apply()方法和call()方法
- appium--连续滑动
- Android 音频录音与播放
- Spring Boot2 系列教程理解Spring Boot 配置文件 application.properties
- appium--Toast元素识别
- Android 双屏异显的实现
- Android进阶AIDL使用自定义类型