1. 程式人生 > >cc1314_工作、學習有感

cc1314_工作、學習有感

1、view設定height:100%時page重新整理無效,page顯示的高度還是原有的內容高度,並沒有期望中充滿整個手機螢幕高度
height:100vh

2、微信小程式 Image 圖片實現寬度100%,高度自適應
做法如下:
樣式設定寬度100%,
.img{
  width: 100%;
}
新增屬性 mode="widthFix",

<image class="img" src="../../images/hello.png" mode="widthFix">

3、text顯示空格

在text標籤中一定得加上decode="true",然後在需要顯示空格的地方放&nbsp;

<text decode='true'>&nbsp;&nbsp;</text>

4、radio圖示修改大小

radio {
  transform:scale(.8);

}

5、使用wx.saveFile要注意無法直接下載網路資源到本地上,需要先使用wx.downloadFile下載資源得到臨時檔案路徑【wxfile://開頭的路徑】,然後才能使用wx.saveFile介面

6、map元件show-location和wx.getlocation不在一個定位點。開發者工具上沒有發現問題,等到了真機上出現問題了。最後去官方論壇發帖得到解答,只要給wx.getlocation制定type=gcj02型別就可以了。

7、關於setData的回撥傳遞問題。

文件描述不是很明白,找了很久除錯了很久才發現正確的使用方法是以下的方式呼叫的:

this.setData({
    a: 1,
  },
  () => {
    console.log('yyyy')
})

8、input文字框的placeholder-class不支援多個樣式類名,空格分隔寫法,解決辦法:樣式只能整合在一個類名裡

9、navigator元件使用flex佈局在安卓機子下是不相容的。解決方案:在navigator元件內先新增一個view元件使用flex佈局,或者直接使用inline-block轉換view子元件。

10、