uni-app使用时遇到的坑

一.uni-app开发规范

1.微信小程序request请求需要https
小程序端:
在本地运行时,可以使用http
但是预览或者上传时,使用http无法请求
APP端:
一般APP可以使用http访问
高版本的APP可能需要用https访问
2.switch在小程序端可以显示颜色,APP端没有颜色,设置了color也没用
选中和没选中颜色一样
在这里插入图片描述

因为使用了colorUI,switch的样式被覆盖了,需要把colorUI中main.css的这段代码注释掉

/*
switch .wx-switch-input:not([class*="bg-"]),
switch .uni-switch-input:not([class*="bg-"]) {
	background: #8799a3 !important;
}
*/

去掉上面这段代码就正常啦
在这里插入图片描述
3.运行到APP端时,报错 Error in onLoad hook: “URIError: URI malformed”
在这里插入图片描述
使用encodeURIComponent()传递数据时,有特殊符号 %,所以报错
如果是APP 需要处理一下 特殊符号 %,其它小程序或者H5端不需要处理

  item=JSON.stringify(item)
  // #ifdef APP-PLUS
  item=item.replace(/%/g,'%25');
  // #endif

  uni.navigateTo({
    url: '/pages/components/bussinessorder/orderDetail?order=' + encodeURIComponent(item)
  })

二. uni-app项目 配置App升级中心 uni-upgrade-center

1.提示未匹配到云函数【uni-upgrade-center】
你的项目要关联 uni-admin项目,因为 uni-admin项目里面的uniCloud目录下才有uni-upgrade-center这个云函数,还有就是要将这个云函数,右键,上传部署。
2提示.暂无更新或检查appid是否填写正确
在本地运行到手机模拟器的时候出现的问题,因为在本地
版本号和appid是HBuilder的信息
在这里插入图片描述
这个问题只有在本地运行手机模拟器才会出现,如果打包上传到云服务器之后,就不会有了

3.uniapp云打包,app升级版本之后,检测不到最新版本,咋整???

  • 升级的版本号,必须大于之前的版本号

  • 如果之前的版本是1.1.2,后面升级把版本写成1.1.2.1,这样会导致检测不到最新版本,后面升级的版本是1.1.3才能检测到

  • /uni_modules/uni-upgrade-center/pages/version/add.vue中有版本对比函数(compare)。
    使用多段式版本格式 如:("3.0.1.0.1", "3.0.0.0.0.1")。默认是无法比较的,不满足对比规则,需要自行修改compare方法中的比对规则。

  • 升级APP时,版本号必须和mainifest.json中的应用版本名称一致

在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app使用uni-list,你可以按照以下步骤进行操作: 1. 在页面中引入uni-list组件,可以通过在页面的json文件中添加"usingComponents"字段来引入组件,或者直接在页面的vue文件中使用import语句引入组件。 2. 在页面的template中使用uni-list组件,可以通过在template中添加<uni-list>标签来创建一个列表。 3. 在<uni-list>标签内部,可以使用<uni-list-item>标签来创建列表项。你可以使用v-for指令来循环渲染多个列表项,可以参考\[3\]中的示例。 4. 可以通过在<uni-list-item>标签上设置样式来自定义列表项的外观。根据\[3\]中的描述,如果要设置<uni-list-item>的样式,需要在它外层的view标签上设置才会生效。 总结起来,使用uni-list在uni-app中创建列表的步骤是:引入组件、创建<uni-list>标签、在<uni-list>标签内部使用<uni-list-item>标签循环渲染列表项,并在view标签上设置样式。 #### 引用[.reference_title] - *1* *2* [【uni-app教程】uni-app入门教程](https://blog.csdn.net/beiluoL/article/details/129264321)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [uni-appuni-list列表分割线不显示问题](https://blog.csdn.net/weixin_57375608/article/details/129951060)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值