【uni-app 顶部配置搜索框和左右图标】逆水行舟用力撑，一篙松劲退千寻。这篇文章主要讲述uni-app 顶部配置搜索框和左右图标相关的知识，希望能为你提供帮助。
顶部的图标只支持本地图片哈，所以你要将阿里巴巴上的图标下载到本地，
然后只要XXX.ttf这个文件就行了然后放在static这个文件中
在pages.json中fontSrc进行引入。
text:使用unicode编码的时候，必须是\\u开头哈。
配置时，层级不要写错了；否则就是现实不出来哈！
我因为层级写错整了好久了。
代码如下在pages.json文件的配置哈
// 搜索配置
"titleNView":{
"searchInput":{
"align":"center",
"backgroundColor":"#ccc",
"borderRadius":"4px",
"placeholder":"搜索大全",
"placeholderColor":"#fff",
"disabled":false
},
// 左右按钮配置
"buttons":[
// 左边
{
"color":"#ff9619", // 图标默认展时的颜色哈、
"colorPressed":"pink",//图标按下的时候的颜色哈
"float":"left",
"fontSize":"30px",//按钮上文字的大小
"fontSrc":"/static/font/iconfont.ttf", //按钮的图片来源哈
"text":"\\ue63f"//按钮的unicode代码},
// 右边
{
"color":"#000000",
"colorPressed":"pink",
"float":"right",
"fontSize":"30px",//按钮上文字的大小
"fontSrc":"/static/font/iconfont.ttf",
"text":"\\ue63f"}
]
}
文章图片
推荐阅读
- 可计算性理论与复杂性导论
- uni-app三目运算uni-app监听属性
- Springboot 2.X的RequestMapping 的映射路径怎么看不到了（）
- uni-app 计算属性 computed
- SpringMVC框架-使用注解编写的处理请求和映射-@Controller@RequestMapping
- Android 7.0 以上 Charles 和 Fiddler 无法抓取 HTTPS 包的解决方式
- 关于uniapp版本的问题
- UIautomator2 安卓自动化教程
- Android/Unity大乱斗-完整双方集成交互指南