uni app開發中的各種問題處理

2022-05-19 16:22:23 字數 2188 閱讀 5508

特別注意:

※:在components下的元件,路徑用 /static/img/back.png  這樣的根路徑形式,不要用../static  或者 ../../static 的形式,不然很坑,有些平台不報錯也不顯示,有些找不到路徑。

tips:防止彈窗遮罩時頁面可滾動,在彈窗的外層view標籤加上 @touchmove.stop.prevent=""

1、關於自定義導航欄中的劉海屏適配問題:

官方提供了乙個css變數可以直接引用:

var(--status-bar-height)

該變數自動匹配裝置平台狀態列高度

此變數可以用calc() 加上其他單位數值來使用

2、swiper中高度無法自適應時,採用動態獲取節點賦值給外層swiper元件

<

swiper

:indicator-dots

="true"

:style

="":autoplay

="false"

:interval

="3000"

:duration

="1000"

>

swiper

>

var

_self;

export

default

},onload() ,

onshow() ,

methods:

else

,300)

}}).exec()}}

}

3、橫向scroll-view隨子元素寬度自適應

關鍵在於給scroll-view的直接下一層view設定如下css:

5、關於tabbar的一些情況

建議使用配置的tabbar,自定義的view沒有快取機制。

如果是子頁面要做tabbar,可以用元件形式合併到乙個頁面去,分別控制顯示隱藏。

6、儲存到本地

uni.showmodal();

},fail:

function

() );

}});} }

})}

else

if(res.cancel)

}});

//

var pages =getcurrentpages();

var page = pages[pages.length - 1];

var tn =currentwebview.getstyle().titlenview;

tn.buttons[0].text = "自定義 ";

tn.buttons[0].color ="#333333";

currentwebview.setstyle();

//#endif

注意事項:

儲存富文字的html內容時,如果進行了手動伸縮大小,建議對標籤內的width屬性處理成百分比,預設是具體畫素值,無法相容不同螢幕寬度。

解析富文字內容可以用v-html 或者 rich-text 屬性,個人推薦v-html,之前測試時rich-text不能解析帶下劃線的文字,也可以去外掛程式市場找好的外掛程式解析。

uni app開發過程中的問題

加 deep button item 生效了 deep button item 報錯 vue warn unknown custom element did you register the component correctly?for recursive components,make sure...

uniapp 小程式開發中遇到的問題

ps 約1月 單個專案完成時 chrome 除錯沒問題。執行在小程式開發程式上,直接展開了。未隱藏,且v show沒生效。最快解決方案,將 v show 換為 v if。問題型別二,使用uview ui遇到的問題 1.表單類 驗證規則 在寫自定義規則的時候,忘記返回true。只返回了false。以至...

微信開發(js sdk)中遇見的各種問題

1.繫結網域名稱 備註 登入後可在 開發者中心 檢視對應的介面許可權。2.引入js檔案 在需要呼叫js介面的頁面引入如下js檔案,支援https 請注意,如果你的頁面啟用了https,務必引入 否則將無法在ios9.0以上系統中成功使用jssdk 如需使用搖一搖周邊功能,請引入 jweixin 1....