UNI-APP_开发支付宝小程序注意事项与解决方法,支付宝小程序图片显示问题

一、编译后,微信小程序上图片图标显示正常,但是一到支付宝小程序图片图标显示就不正常如下图:

微信显示
在这里插入图片描述
支付宝显示
在这里插入图片描述
官方文档:https://opendocs.alipay.com/mini/component/image

//修改前---会出问题
<image src="" mode="">image>
 
//修改后---问题解决
<image src="" mode="aspectFit">image>

//或去除mode---问题解决
<image src="">image>

其他注意事项
1.
问题:swiper 轮播插件 和 notice 滚动通知插件 样式冲突
解决办法:加 !important 来处理样式冲突
2.
问题:image图片样式出错
解决办法:设置image标签的mode属性为widthFix
3.
问题:垂直分类左侧滚动分类宽度塌陷(样式冲突)
解决办法:min-width: 180rpx !important; max-width: 180rpx !important;
4.
问题:文本隐藏超出内容失败
解决办法:将元素改为块级元素 display:block;
5.
问题:支付宝小程序不支持修改导航栏内容
解决办法:无
6.
问题:全局注册自定义组件(main.js中)可能会失败
解决办法:页面使用单独引入
7.
问题:switch滑块组件使用报错 ……‘color‘
解决办法:在onReady生命周期种加入判断 用v-if等页面加载完成后再渲染组件
8.
问题:支付宝小程序不支持多列选择器(日期,时间,地区)
解决办法:使用单列选择器 (年月日,时分秒,省市镇)
9.
问题:span标签不能绑定事件(会被转译成label标签)
解决办法:不用span
10.
问题:class不支持数组和对象形式的动态绑定
解决办法:用string
11.
问题:input,textarea输入框有默认白背景色
解决办法:全局搞了它
12.
问题:接口返回StatusCode等于400时,支付宝小程序会直接返回请求失败
解决办法:让后台改,不用StatusCode,或者不用400表示成功
13.
问题:navigateBack的delta的值不能为-1
解决办法:用1就行 别他妈装逼用-1了
14.
问题:uniapp开发支付宝小程序ontitleclick函数不生效
解决办法:无

你可能感兴趣的:(#,UNI-APP,小程序,uni-app,微信小程序,支付宝小程序)