uni-app导航栏搜索框,导航栏按钮 电脑版发表于:2022/2/15 9:42 官网的导航栏文档:https://ext.dcloud.net.cn/plugin?id=1765 往下面翻就可以看到搜索栏的文档 ####导航栏带搜索框: 按照文档上在页面上去配置即可 ``` { "path": "pages/details/details", "style": { "navigationBarTitleText": "", "enablePullDownRefresh": false, "titleNView":{ "searchInput":{ "borderRadius": "15px", "placeholder": "输入要搜索内容" }, "buttons":[ { "text":"搜索", "fontSize": "16px", "width": "48px" } ] } } } ``` 更多一点的属性如下: ``` { "path": "pages/index2/index2", "style": { "navigationBarTitleText": "", "enablePullDownRefresh": false, "app-plus": { "titleNView": { "titleColor": "#fff", "backgroundColor": "#007AFF", "searchInput": { "backgroundColor": "#fff", "borderRadius": "6px", "placeholder": "请输入如net core", "disabled": true, "align":"left" } } } } } ``` searchInput支持以下属性 autoFocus: Boolean类型,搜索框是否自动获取焦点,默认值为false align: String类型,非输入状态下文本的对齐方式,可取值"left"、"right"、"center",默认值为"center" borderRadius: String类型,输入框的圆角半径,取值格式为"XXpx",其中XX为像素值(逻辑像素),如"10px"表示10像素半径圆角, 默认值为"0px",即无圆角 placeholder: String类型,提示文本,搜索框未中输入内容为空时显示的文本内容 placeholderColor: String类型,提示文本颜色,格式为"#RRGGBB"或"rgba(R,G,B,A)",默认值为"#CCCCCC" disabled: Boolean类型,是否禁止输入,禁止输入搜索框则无法获取焦点,点击编辑框触发"onNavigationBarSearchInputClicked"事件,默认值为false