Configuring the search box on the uni-app navigation

style options under the configuration page according to official documents

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

 

example:

{
     "Pages": [ // Pages array entry indicates a first application launch page, Reference: HTTPS: //uniapp.dcloud.io/collocation/pages 
        {
             "path": "Pages / index / index" ,
             "style" : {
                  "App-PLUS" : {
                      "titleNView" : {
                          "searchInput" : {
                              "align = left": "Center" ,
                              "backgroundColor": "# eee" ,
                              "borderRadius": "5px", // only use px as a unit 
                             . "placeholder ":" Please enter content " ,
                              " placeholderColor ":" # ccc "
                         }
                     }
                 }
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "uni-app",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8"
    }
}

 

effect: