排名
5
文章
229
粉丝
15
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术

官网的导航栏文档: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
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价