微信小程式的bug記錄
1.modal可以製作沒有確定、取消按鈕的樣式框,就像這樣的,只需將confirm-text="" cancel-text=""這兩個值置為空就可以了。
2.用modal時,如果背景頁面比手機螢幕高度高,即滾動,那麼就可以給整體頁面設一個class,在遮罩層出現時就將將最外層view的overflow設為hidden,同時要將height設為100vh,不是100%。
3. 小程式中當兩個view設定display:inline-block在一行上,但是卻不在一行上時,可能是因為verticle-align:baseline的原因,可以將其設定為verticle-align: top即可。
相關推薦
微信小程序bug記錄與解決
開發工具 正常 none 出現問題 而且 spl 不同 ima gin 微信小程序bug記錄 textarea textarea在模擬器上沒有padding,可是在真機上會自帶padding,而且在外部改不了,並且在安卓和IOS上padding還不一樣 第一張圖是在開
微信小程式開發記錄(四)位址列傳參之true和false的坑
先看看小程式位址列傳參的方法,如下 wxml: <view class="weui-cells weui-cells_after-title" wx:if="{{isNewUser}}"> <navigator url="../addres
微信小程式開發記錄總結
微信小程式的簡易教程請參考官方文件: https://developers.weixin.qq.com/miniprogram/dev/index.html 這裡只記錄自己開發中遇到的一些問題及注意
微信小程式開發記錄(三)頂部導航欄切換實現
微信小程式實現頂部導航切換效果可用swiper來實現,效果如下: 程式碼如下: WXML: <view class="page"> <!--頂部導航欄--> <view class="swiper-tab"> <vi
update之微信小程式BUG
今天在趕著一個專案,突然發現小程式之中使用update不行。資料不能更新 這就是我的程式碼: const db = wx.cloud.database() const _ = db.command // 1、首先看xxx集合裡面有沒有存在這個人 db.collec
微信小程式開發記錄一,開發工具的使用
工欲善其事,必先利其器。開發工具的下載》1.微信開發者工具的下載: 下載地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html請下載自己對應的版本號,即32位系統的請下載32位系統,64位系
微信小程式 錯誤記錄
1、報錯this.getUserInfo(this.setData) is not a function;at pages/index/index onShow function;at api request success callback functionTypeErro
微信小程式-bug-微信小程式頁面跳轉後taBar消失了
通過wx.navigateTo、wx.redirectTo,這種想法本身就是矛盾的。wx.navigateTo、wx.redirectTo微信小程式官方指定不能跳轉到tabBar頁面,而只有tabBar頁面的底部才有tabBar,跳到非tabBar頁,那麼肯定底部就沒有tab
微信小程式的bug記錄
1.modal可以製作沒有確定、取消按鈕的樣式框,就像這樣的,只需將confirm-text="" cancel-text=""這兩個值置為空就可以了。2.用modal時,如果背景頁面比手機螢幕高度高,即滾動,那麼就可以給整體頁面設一個class,在遮罩層出現時就將
微信小程式wx.request踩坑記錄
一:header['content-type'] 為 application/json 的資料 前端 wx.request({ url: apiUrl, //替換成自己的伺服器地址 data: {
做微信小程式的不完全記錄
JSON篇 1、JSON是不支援備註的 如果備註了會報錯 2、當你想要執行時首先看到哪個介面就把那個介面換到pages的第一行 WXML篇 1、1幾個在頁面中不會被渲染的標籤 navigator block 2、text支援巢狀,例: <view class='colnumy-3'
微信小程式採坑記錄 ------- canvas 生成分享到朋友圈帶小程式碼的圖片
最近做了一個問卷類的小程式,其中的結果頁想讓使用者進行朋友圈分享轉發,網上搜索資料,得出解決思路,用 canvas 將頁面繪製生成圖片,然後儲存到手機相簿,最終效果如下: 在這裡我只寫頁面裡關於 canvas 生成圖片並進行儲存這個流程的相關程式碼,並且會
微信小程式 三元運算子不起作用 | 出bug |解決方法
今天在寫微信小程式時,被坑到了, <!--.wxml-> <view class="row-in {{to_top ? 'to-top' : 'to-bottom'}}"> ... </view> 本意是想做一個簡單的動態頁面的,在使用
微信小程式之踩坑textarea 元件的 bug
微信小程式公測也有段時間了,但是裡面的坑踩了一個又一個,心也是夠累的。本文說說關於 textarea 元件的 bug。(注:本文提及的 bug,至少在 2016-12-1日還存在) 上一篇:微信小程式之踩坑之旅一,wx.request 和 wx.uploadFile 測試時使用到:
微信小程式的搜尋高亮、自定義導航條等踩坑記錄
原文地址:https://oomabc.com/articledetail?atclid=7421fe13daad46389791463f51d3395d 前言我在寫這個部落格的小程式過程中,遇到了很多的問題。之前斷斷續續也寫過不少JavaScript和css,不過都是半吊子。所以在看了一會
微信小程式開發問題解決,常見BUG總結
小程式開發中的各種坑,進行簡要總結,歡迎填坑` 優化程式碼包 儘量減少程式碼包的大小,因為程式碼包大小直接影響到下載速度,從而影響使用者的首次開啟體驗。2M限制。小程式程式碼包經過編譯後,會放在微信的 CDN 上供使用者下載,CDN 開啟了 GZIP 壓縮,多數圖片格式大大降低程式碼包壓縮率。使用雲伺服器
技術小白之記錄微信小程式底部導航欄
有了圖片有了文字怎麼能沒有導航欄呢,所以下面來記錄下底部導航欄的過程,先展示下我做的簡易的導航欄圖片。 可以在上面的圖片中看到底部的包含“推薦”“反饋”的一個底部導航欄。製作導航欄只需要開啟微信小程式app.json,向{}裡填入下列程式碼: "tabBar": { "col
技術小白之記錄微信小程式輪播圖
初次嘗試微信小程式的簡單製作過程中,必不可缺的便是主頁上的輪播圖,在大多數的頁面上不難見到的第一眼便是輪播圖。本小白在這上面翻閱了許多資料,初步製成一個簡單的輪播圖,下面介紹下製作過程,以便記憶。 說到輪播圖,就必須要了解下swiper(滑塊檢視容器),具體用法微信公眾平臺介紹的很詳細,
技術小白之記錄微信小程式客服功能
程式做到上線,必不可缺的便是使使用者在使用你製作的程式時,能夠反饋回一些建議,這就需要客服的功能了。 客服功能,官方微信上有提供專門的元件,如下: 客服訊息會話入口有兩個: 1、小程式內:開發者在小程式內新增客服訊息按鈕元件,使用者可在小程式內喚起客服會話頁面,給小程式發訊息; 2、已使
技術小白之記錄微信小程式頂部導航欄
現在來說說頂部導航欄的程式碼,先來看看簡單的頂部導航欄的截圖: 可以從上面的圖片看到有寫著[簡介]和[試看]的導航欄內容,下面來記錄下程式碼過程: wxml <!--導航條--> <view class="navbar"> <text wx:for