tnblog
首页
视频
资源
登录
什么时候才能领悟,取之越多失之越多
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术

uni-app导航栏搜索框让默认的搜索文章搜索图标距离左边

7113人阅读 2022/2/15 14:30 总访问:853684 评论:0 收藏:0 手机
分类: 移动开发


uni-app导航栏搜索框让默认的搜索文章搜索图标距离左边很简单有一个属性可以设置,"align":"left"即可

完整一点的代码如下:

{
    "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"
                }
            }
        }
    }
}
更多属性:

earchInput支持以下属性
    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


欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价