1.對不同平臺進(jìn)行不同配置或樣式：
- 對不同端的css樣式不一樣
使用
#ifdef
#endif 包裹
（其中MP表示小程序端，表僅在小程序端是那個樣式）
// #ifdef APP-PLUS
margin-top: 88rpx;
// #endif
// #ifdef H5
margin-top: 0;
// #endif
// #ifdef MP
margin-top: 88rpx;
// #endif
- 對不同端package.json中導(dǎo)航配置不同
1.使用 #ifdef #endif 包裹
{
"path": "pages/mine/addAgent/uploadInfo",
"style": {
"navigationBarTitleText": "完善信息",
//#ifdef H5
"titleNView": false,
//#endif
"enablePullDownRefresh": false
}
}
2.使用自帶配置
{
"path": "",
"style": {
"navigationBarTitleText": "",
"h5": {
"titleNView": false
},
"app-plus":{
"titleNView":false
}
"enablePullDownRefresh": false
}
2.unipp中button元素：
button按鈕中樣式自帶after
當(dāng)寫border樣式的時候會有一些問題
解決方案
去除after的border
button::after {
border: none;
}
3.路由跳轉(zhuǎn)失敗問題：
使用uni.navicateTo()
問題
- 路由的路徑頁面需要在package.json注冊
- 路由的路徑頁面不能注冊在底部導(dǎo)航，也就是tabBar中，注冊在tabBar中的頁面，必須使用uni.switchTab
- 檢查路徑是否正確 pages前面必須有/
4.修改uniapp提供的ui庫的默認(rèn)樣式
嘗試了很多方法發(fā)現(xiàn)對于小程序端不生效
包括（
- 添加優(yōu)先級 多層級類及!important
- 使用/deep/或者::v-deep
- )都無效
解決方案
在需要修改ui樣式的組件中添加如下
5.小程序端不支持背景圖
使用css background url添加背景圖時，運行在微信開發(fā)者工具上會提示使用標(biāo)簽image或其他解決方式
小程序不支持以下：
文章來源：http://www.zghlxwxcb.cn/news/detail-788550.html
解決方案
文章來源地址http://www.zghlxwxcb.cn/news/detail-788550.html
到了這里，關(guān)于【uniapp項目路由，配置，修改uni ui默認(rèn)樣式，小程序端不生效問題】的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
