tnblog
首页
视频
资源
登录
什么时候才能领悟,取之越多失之越多
排名
5
文章
229
粉丝
15
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

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

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


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

完整一点的代码如下:

  1. {
  2.     "path""pages/index2/index2",
  3.     "style": {
  4.         "navigationBarTitleText""",
  5.         "enablePullDownRefresh"false,
  6.         "app-plus": {
  7.             "titleNView": {
  8.                 "titleColor""#fff",
  9.                 "backgroundColor""#007AFF",
  10.                 "searchInput": {
  11.                     "backgroundColor""#fff",
  12.                     "borderRadius""6px",
  13.                     "placeholder""请输入如net core",
  14.                     "disabled"true,
  15.                     "align":"left"
  16.                 }
  17.             }
  18.         }
  19.     }
  20. }
  21. 更多属性:
  22. earchInput支持以下属性
  23.     autoFocus: Boolean类型,搜索框是否自动获取焦点,默认值为false
  24.     align: String类型,非输入状态下文本的对齐方式,可取值"left""right""center",默认值为"center"
  25.     borderRadius: String类型,输入框的圆角半径,取值格式为"XXpx",其中XX为像素值(逻辑像素),如"10px"表示10像素半径圆角, 默认值为"0px",即无圆角
  26.     placeholder: String类型,提示文本,搜索框未中输入内容为空时显示的文本内容
  27.     placeholderColor: String类型,提示文本颜色,格式为"#RRGGBB""rgba(R,G,B,A)",默认值为"#CCCCCC"
  28.     disabled: Boolean类型,是否禁止输入,禁止输入搜索框则无法获取焦点,点击编辑框触发"onNavigationBarSearchInputClicked"事件,默认值为false


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

uni-app开始时间与结束时间(结束时间大于开始时间)picker编写

利用uni-app官网里面picker插件代码当点击开始时间后结束时间要大于选择后的开始时间,点击结束时间后开始时间要小于开始时...

uni-app用法与html标签的变化

以前是html标签,比如,现在是小程序组件,比如。那么标签和组件有什么区别,不都是用尖括号包围起来一段英文吗?其实标签...

uni-app无法导入插件

点击网页中右上角的插件导入,可以打开项目,但是就是无法导入插件。是因为,要登录!hbuilder里边也要登录才行,他这个应...

使用uni-app的云端一体插件

初次使用uni-app的云端一体插件步骤还是有点多,也有一些坑,在这里把使用过程记录一下。 一:先下载需要的插件在插件右上...

uni-app中list插件图标问题

如图:他使用uni-icons实现的如果只有text就不会有图标有时候贴的文档不是太完善,还是要下一个完整的插件来对比一下

uni-app发起请求

代码如下:uni.request({ url:'接口地址', success:(result)=>{ my.lists=result.data; } })注意你的...

uni-app官方文档

https://uniapp.dcloud.io/

uni-app运行与调试

上边有菜单,可以运行到浏览器,也可以运行到内置浏览器运行到内置浏览器的效果:

uni-app引入外部资源,引入外网样式

很简单代码如下:<style> @import'http://image.tnblog.net/amazeui.min.css'; </style> <st...

uni-app设置起始页

很简单,在pages.json里边配置即可。

uni-app页面无法跳转问题

首先检查一下有没有在pages里边配置没有配置不行的哦或者看看你的跳转方式对不对,如果跳转的是底部菜单,但是你用的是uni....

uni-app 删除失败 setting denied access to....

删除的时候如果文件夹下面还有页面,这样直接删除文件夹是会报错的:删除失败 setting denied access to....这种情况就直接...

uni-app中引入外部js

可以使用代码如下:varscript=document.createElement('script'); script.src="http://image.tnblog.net/jqu...

uni-app dom操作

比如引入外部js需要用到的dom操作:varscript=document.createElement('script'); script.src="http://image....

uni-app使用web-view引入页面

代码如下:<template> <viewclass="h5-html"> <web-view:webview-styles="webviewStyl...

uni-app真机调试

很简单只要手机开启了usb调试,然后hbuilderx会自动获取到手机的然后运行到手机即可华为手机开启use调试:一直点击版本号进...
层峦耸翠,上出重霄;飞阁流丹,下临无地。