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

Posted 2023-03-31 小歪 | 前端

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

微信显示

支付宝显示

官方文档：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函数不生效
解决办法：无