码迷,mamicode.com
首页 > 移动开发 > 详细

配置uni-app导航栏上的搜索框

时间:2019-09-14 00:24:35      阅读:1582      评论:0      收藏:0      [点我收藏+]

标签:NPU   表示   单位   ack   tst   span   oca   alt   oba   

page下的style选项根据官方文档配置即可

https://uniapp.dcloud.io/collocation/pages?id=pages

 

例子:

{
    "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                 "app-plus":{
                     "titleNView":{
                         "searchInput":{
                             "align":"center",
                             "backgroundColor":"#eee",
                             "borderRadius":"5px", // 只能用px作单位
                             "placeholder":"请输入内容",
                             "placeholderColor":"#ccc"
                         }
                     }
                 }
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    }
}

 

效果:

技术图片

 

配置uni-app导航栏上的搜索框

标签:NPU   表示   单位   ack   tst   span   oca   alt   oba   

原文地址:https://www.cnblogs.com/luguankun/p/11517871.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!