💣uniapp多端开发踩坑记录

❓uview相关

导入问题

使用注释的方法是不可行的,也就是这样的按需引入是不行的
在这里插入图片描述
不要使用 “@/node_modules/uview-ui” 这样的绝对路径,因为这样编译到微信小程序会找不到模块

其他地方的引入也需如此:

在这里插入图片描述

uniapp 对uview的按需引入

在这里插入图片描述

编译到小程序时的uview的按需引入

在这里插入图片描述

❓抽屉弹出时右滑或左滑会返回整个页面

问题:
在这里插入图片描述
解决办法:
在这里插入图片描述

❓头部搜索框和自带图标

效果:
在这里插入图片描述

代码:

{
            "path" : "pages/productshow/productshow",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "",
                "enablePullDownRefresh": false,
				"app-plus": {
							"bounce": "none",
							"titleNView": {
								"backgroundColor":"#585858", //导航栏背景色
								// "type":"transparent",      //滚动渐显渐隐
								"autoBackButton":false,    //取消默认返回按钮
								"titleColor":"#ffffff",    //标题文字颜色
								"buttons":[{   //自定义按钮相关
									"type":"home",
									"float":"right",
									"background":"rgba(59,135,247,0.01)"  //透明状态 可设置按钮背景颜色透明度为0.01
								},{   //自定义按钮相关
									"type":"share",
									"float":"right",
									"background":"rgba(59,135,247,0.01)"  //透明状态 可设置按钮背景颜色透明度为0.01
								}
								,{   //自定义按钮相关
									"type":"favorite",
									"float":"right",
									"background":"rgba(59,135,247,0.01)"  //透明状态 可设置按钮背景颜色透明度为0.01
								}],
								"searchInput":{
										"align": "center",
										"placeholder": "优秀文创作品",
										"borderRadius":"40upx",
										"backgroundColor": "#fff"
									}
							}
						}
            }
            
        }
    

❓编译到微信小程序端

:style 编译到小程序不生效

解决办法:
在这里插入图片描述

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐