uni-app入門-實戰(zhàn)教程-二十四-page.json配置

配置官網(wǎng)詳細說明、
https://uniapp.dcloud.io/collocation/pages?id=pages

image.png
image.png
image.png

導航搜索欄屬性、


image.png
{
    "pages": [ //pages數(shù)組中第一項表示應用啟動頁,參考:https://uniapp.dcloud.io/collocation/pages
        {
            "path": "pages/index/index",
            "style": {
                //"navigationBarTitleText": "uni-app"
                "app-plus":{
                    "scrollIndicator":"none",//隱藏滾動條
                    //標題樣式
                    "titleNView":{
                        //搜索框配置
                        "searchInput":{
                            "align":"center",
                            "backgroundColor":"#F7F7F7",
                            "borderRadius":"4px",
                            "placeholder":"提示信息",
                            //提示信息的顏色
                            "placeholderColor":"#CCCCCC",
                            //是否禁止輸入
                            "disabled":true
                        },
                    //配置按鈕
                    "buttons":[
                        //左邊
                        {
                            "color":"#FF9619",
                            //按鈕按下的顏色
                            "colorPressed":"#BBBBBB",
                            "float":"left",
                            "fontSize":"22px",
                            "fontSrc":"/static/font/icon.ttf",
                            "text": "\ue603"
                        },
                        //右邊
                        {
                            "color":"#000000",
                            "colorPressed":"#BBBBBB",
                            "float":"right",
                            "fontSize":"22px",
                            "fontSrc":"/static/font/icon.ttf",
                            "text": "\ue672"
                        }
                    ]
                    }
                }
            }
        }
        ,{
            "path" : "pages/news/news",
            "style" : {}
        }
        ,{
            "path" : "pages/paper/paper",
            "style" : {}
        }
        ,{
            "path" : "pages/home/home",
            "style" : {}
        }
    ],
    
    /* 全局樣式 */
    "globalStyle": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "love-magicjuren",
        "navigationBarBackgroundColor": "#ffffff",
        "backgroundColor": "#ffffff"
    },
    /* 導航欄 */
    "tabBar":{
        "color":"#8a8a8a",
        "selectedColor":"#333333",
        "list":[
            {
            "pagePath":"pages/index/index",
            "iconPath":"static/tabBar/index.png",
            "selectedIconPath":"static/tabBar/indexcd.png",
            "text":"首頁"
        },
        {
            "pagePath":"pages/news/news",
            "iconPath":"static/tabBar/news.png",
            "selectedIconPath":"static/tabBar/newscd.png",
            "text":"資訊"
        },
        {
            "pagePath":"pages/paper/paper",
            "iconPath":"static/tabBar/page.png",
            "selectedIconPath":"static/tabBar/pagecd.png",
            "text":"聊天"
        },
        {
            "pagePath":"pages/home/home",
            "iconPath":"static/tabBar/me.png",
            "selectedIconPath":"static/tabBar/mecd.png",
            "text":"我的"
        }
        ]
    }
    
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • uni-app跨平臺框架官方教程 鏈接:https://ke.qq.com/course/343370 一、框架簡...
    Neyo_涼閱讀 36,616評論 0 43
  • 一、項目結(jié)構(gòu)介紹 pages.json:配置頁面路由、導航條、選項卡等頁面類信息,詳見。manifest.json...
    移動端_小剛哥閱讀 3,236評論 0 4
  • 項目源代碼地址:https://github.com/Mstian/wanAndroid (求個star)項目簡書...
    Mstian閱讀 7,488評論 10 22
  • 寫在有道筆記上,uni項目實踐,轉(zhuǎn)過來格式不太好看,先做此記錄吧。 看了uniapp多端開發(fā),感覺不錯,還有模板商...
    YellowPoint閱讀 2,556評論 0 1
  • 04-秦文穎 #201900817《自學是門手藝》閱讀總結(jié)# 17/21 知行三問 【1.印象最深刻的部分】今天所...
    秦文穎閱讀 272評論 1 0

友情鏈接更多精彩內(nèi)容