目錄 (更新於201701130)
- 常見問題
常見問題
小程序如何做頁面適配
小程序提供了響應式單位rpx(responsive pixel),規定屏幕寬為750rpx,必須提供視覺稿寬度為750px,,然后根據視覺稿單位是多少px,還原成小程序就寫多少rpx
如何正確的使用image標簽
請點擊查看這份文檔
如何禁止頁面滑動
方法一:把父級標簽修改為scroll-view。
wxml
<scroll-view>輸入內容</scroll-view>
wxss
scroll-view{
width:100%;height:100%; }
方法二:設置page.json文件的disableScroll為屬性true。
{"navigationBarTitleText": "標題","disableScroll": true}
本地資源無法通過 WXSS 獲取怎么解決
background-image:可以使用外部鏈接,或者直接用 base64。
wxss
.test1{background-image:url(data:image/png;base64,iVBORw0K...)}
.test2{background-image: url(http://mat1.gtimg.com/www/images/qq2012/qqLogoFilter.png); }
小程序如何跳小程序
方法一:在wx.previewImage(OBJECT)中添加包含小程序碼的圖片,點擊預覽圖片后長按即可識別小程序二維碼並跳轉到小程序。
方法二:使用微信客戶端 6.5.9 版本提供的 wx.navigateToMiniProgram(OBJECT) ,可以打開同一公眾號下關聯的另一個小程序。
wxss-偽類選擇器受限制問題
目前偽類只能使用:before、:after、first-child、last-child偽類,屬性選擇器、相鄰選擇器、兄弟選擇器、子選擇器、偽類選擇器、請都放棄。
沒有html的br標簽怎么換行
文本換行直接enter鍵即可。
scroll-view標簽bug
1.如果第一個標簽的樣式包含position: absolute會導致整體樣式失效
2.scroll-view上設置flex布局,其中align-items: center對子元素無效
如何模擬觸摸按鈕的hover效果
方法一:所有標簽的觸摸效果可直接使用css偽類:active即可
.btn{background-color:red;}.btn:active{background-color:blue;}
方法二:小程序組件button、navigator自帶hover-class屬性,也可以使用它設置按鈕觸摸效果
<button type="default"hover-class="other-button-hover"> default </button> <navigator url="/page/navigate/navigate"hover-class="navigator-hover">跳轉到新頁面</navigator>
如何在小程序上復制文本
對指定要復制的文本使用text標簽,並設置 selectable屬性為true
<text selectable="true">復制我復制我復制我復制我</text>
微信哪個版本開始支持小程序碼
6.5.7開始支持掃一掃識別小程序碼的版本
https://mp.weixin.qq.com/s/Vi4Uyg-8CWL_F92B1KaGIw
統計2017-6-19的數據,不支持掃一掃識別小程序碼的用戶為:
IOS:30.87%
安卓:21.71%
總量:24.05%
所以目前線下鋪設的物料最好使用普通的二維碼
iPhone4等低端機器使用css3樣式不添加-webkit前綴樣式無效
如圖,flex、transform因為沒有添加-webkit前綴,iPhone4s下頁面錯亂
android手機中,表單input標簽使用css屬性color並設置值為rgba單位會導致白屏
如圖,input標簽的設置為color: rgba(0, 0, 0, 0.87),在表單輸入內容后看不見文案,幾乎所有的android機器都中招