1. 程式人生 > >小程式的坑(待收集整理)

小程式的坑(待收集整理)

1:background圖片url不能為本地圖片

/*真機上無法顯示背景圖*/
.icon{ width:50rpx; height:50rpx; color: #1d1d1d; background-image: url(../image/doll_user_bg.png);}

避坑的方法: (1)將圖片轉為base64編碼(https://transfonter.org/) (2)將圖片上傳到伺服器,填寫伺服器上的圖片的路徑地址

.icon{ background-image: url(https://webtest.yystatic.com/project/yyDoll/mobile/image/doll_user_bg.png)
;}

2:在微信小程式中添加了tabBar之後wx.navigateTo和wx.redirtTo不能進行跳轉操作 原因:如果待跳轉頁面從屬於TabBar,wx.navigateTo將失效,如要切換,需使用wx.switchTab:使用該方法之後將不再有返回按鈕

3:公測開放後,強制要求請求全部為https 配置伺服器的頁面,https是寫死的,不可更改,如果用了這個列表以外的域名,直接就被開發工具攔截,請求無法發出去,提示請求不在域名列表中.

4:bindtap和catxhtap的區別 bindtap元素繫結事件,父節點繫結事件會冒泡;catchtap不會冒泡,僅在當前元素出發

5:button上的預設邊框效果怎麼去除 首先給button設定border:0是無效的。因為小程式中button的邊框是用::after實現的,所以說想要去除button上的邊框需要設定button::after{border:none}就可以啦。

6:cover-view的坑 參考:https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html 由於小程式裡面video標籤的層級是最高的無法覆蓋。所以cvoer-view應運而生。它就是用於蓋在video標籤上面,進行對video標籤的周遭加以裝飾的利器。 然而,當我滿心歡喜地以為這個標籤很好用的時候,我遇到了很多奇奇怪怪的坑。 例如在cover-view上面使用相對定位,當video標籤大小發生變化的時候,cover-view上面的元素就亂七八糟。 又譬如圓角的不起效等等。: