這篇文章為大家帶來了關於微信小程式的相關知識,其中主要介紹了關於windows導覽列配置的相關內容,以下就詳細介紹如何設定我們的window 導覽列,希望對大家有幫助。
【相關學習推薦:小程式學習教學】
介紹一下在wxss 中我們rpx 的應用以及我們對於小程式全域樣式以及局部樣式的配置,然後我們將詳細介紹如何配置我們的window 導覽列。
關於rpx 介紹
#1. 我們在先前進行HTML 學習中了解px(解析度)這一個單位,在我們設定元件常用到,那麼在微信小程式中我們用的分辨單位是什麼呢?那就是rpx,那他有什麼特別的呢,值得專門設定它?
2. rpx 是微信小程式特有的,解決螢幕自適應的尺寸單位,可以根據螢幕寬度進行自適應,不論大小螢幕,規定螢幕寬為750rpx 透過rpx 設定元素和字體的大小,小程式在不同尺寸的螢幕下,可以實現自動適配rpx 和px之間的換算
<span style="font-size: 14px;">特別的在我們微信小程式開發中,我們前面提到推薦使用iPhone 6 進行開發,因為iPhone 的px =375,那麼我們2 rpx= 1 px</span>
關於全局配置和局部配置
關於全局配置和局部配置我們前面也是以及介紹完畢,感興趣的小伙伴可以前面考古一下!下面我會專門講一下在 全域設定中常用的設定項!
老規矩先用表格展示一下。
配置項目名稱 | 作用 |
---|---|
pages | 存放目前小程式所有頁面的存放路徑 |
window | #設定小程式視窗的外觀 |
設定小程式底部的tabBar 效果 | |
是否啟用新版的元件的選項 |
我們window 導覽列的設定包含了我們前面圖片展示的前兩個區域,我們接下來先介紹一下我們window 節點常見的設定項目。
以上是微信小程式window導覽列配置(實例詳解)的詳細內容。更多資訊請關注PHP中文網其他相關文章!