資訊專欄INFORMATION COLUMN
摘要：目錄匹配下標是奇數或偶數的子元素獲取屏幕高度小程序顯示不出的原因小程序狀態欄沉浸式小程序引用圖標正文匹配下標是奇數或偶數的子元素奇數偶數獲取屏幕高度獲取覽器顯示區域的高度獲取瀏覽器顯示區域的寬度獲取頁面的文檔高度獲取頁面的文
目錄
1.css 匹配下標是奇數或偶數的子元素
2.獲取屏幕高度
3.小程序tabbar顯示不出的原因
4.小程序狀態欄沉浸式
5.小程序引用iconfont圖標
.item-order:nth-of-type(odd){
border-left:3px solid #f5f5f5;
//奇數
}
.item-order:nth-of-type(even){
border-right:3px solid #f5f5f5;
//偶數
}
獲取覽器顯示區域的高度： $(window).height();
獲取瀏覽器顯示區域的寬度：$(window).width();
獲取頁面的文檔高度：$(document).height();
獲取頁面的文檔寬度：$(document).width();
獲取滾動條到頂部的垂直高度：$(document).scrollTop() 或 $(window).scrollTop();
獲取滾動條到左邊的垂直寬度：$(document).scrollLeft() 或$(window).scrollLeft();
傳送門1
傳送門2
pages數組的第一項必須是tabBar的list數組的一員
"pages":[ "pages/clickDemo/clickDemo", "pages/logs/logs", "pages/index/index", "pages/mypage/mypage" ]
tabbar中list數組內容是：
"list": [
{
"pagePath": "pages/index/index",
"text": "首頁",
"iconPath": "image/location_normal.png",
"selectedIconPath": "image/location_selected.png"
},
{
"pagePath": "pages/logs/logs",
"text": "設置",
"iconPath": "image/setting_normal.png",
"selectedIconPath": "image/setting_selecred.png"
}
如果不是自定義的tabbar, custom為true也會顯示不出來，這個是筆者個人粗心犯得小錯誤，找了半天.....
app.json 中 window 配置：navigationStyle:"custom"
1.在阿里圖標庫中找到需要的圖標并加入項目
2.把項目下載項目到本地
3.在本地打開下載的目錄將 iconfont.css文件改為iconfont.wxss復制到項目中
4.在app.wxss中引入iconfont.wxss
5.在阿里圖標庫我的項目中 點擊復制代碼
6.將復制的@font-face替換掉iconfont.wxss中的@font-face
7.在項目中引用
詳細教程點擊傳送門
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/117581.html
摘要：目錄匹配下標是奇數或偶數的子元素獲取屏幕高度小程序顯示不出的原因小程序狀態欄沉浸式小程序引用圖標正文匹配下標是奇數或偶數的子元素奇數偶數獲取屏幕高度獲取覽器顯示區域的高度獲取瀏覽器顯示區域的寬度獲取頁面的文檔高度獲取頁面的文 目錄 1.css 匹配下標是奇數或偶數的子元素2.獲取屏幕高度3.小程序tabbar顯示不出的原因4.小程序狀態欄沉浸式5.小程序引用iconfont圖標 正文 ...
摘要：最近在做的后臺管理頁面，其中用到了來選擇日期時間，但是在將數據傳回后臺的過程中遇到了一些令人頭疼的問題，在此記錄一下解決方案，以免日后再次遇到。 最近在做vue+element-ui的后臺管理頁面，其中用到了DateTimePicker來選擇日期時間，但是在將數據傳回后臺的過程中遇到了一些令人頭疼的問題，在此記錄一下解決方案，以免日后再次遇到。 showImg(https://segm...
摘要：前端最基礎的就是。但是如果是盜竊，異常提交請求，這些就屬于危險操作。可以用來偽裝成其他用戶操作，有可能就會造成財產上的損失。劫持有的時候運營商的劫持還是沒辦法。 前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水平，打牢基礎知識的中心思想，我們開課啦...
閱讀 2037·2021-10-08 10:05
閱讀 1880·2021-09-22 15:31
閱讀 3001·2021-09-22 15:13
閱讀 3477·2021-09-09 09:34
閱讀 2070·2021-09-03 10:46
閱讀 3112·2019-08-30 15:56
閱讀 1695·2019-08-30 15:53
閱讀 2349·2019-08-30 15:44
