【前端】【uniapp】【vue】多端开发踩坑记录

最新推荐文章于 2024-04-12 11:13:05 发布

甲粒子

最新推荐文章于 2024-04-12 11:13:05 发布

阅读量663

点赞数

分类专栏：前端大杂烩文章标签：前端 vue.js uni-app

本文链接：https://blog.csdn.net/weixin_46361305/article/details/128194553

版权

前端大杂烩专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

💣uniapp多端开发踩坑记录

💣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"
									}
							}
						}
            }
            
        }