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_开发支付宝小程序注意事项与解决方法，支付宝小程序图片显示问题相关推荐

计算机程序无法运行,win7电脑程序打不开解决方法
win7电脑程序打不开,很多win7系统的用户都遇到类似的问题,很多网友都不知道这么处理这样的问题,都在网上找一大堆的解决方法,找到焦头烂额,不要怕,小编告诉你们win7电脑程序打不开解决方法,小编教 ...
php太卡,ps卡顿怎么办程序运行缓慢的解决方法
photoshop作为我们常用的绘图工具,但是有时候会越来越慢,那么ps卡顿怎么办?下面小编带来程序运行缓慢的解决方法,希望对大家有所帮助. 程序运行缓慢的解决方法: 首先是暂存盘的选择,安装后第一次 ...
“'react-scripts' 不是内部或外部命令，也不是可运行的程序或批处理文件。”解决方法
TRUFFLE框架下运行React app时报错"'react-scripts' 不是内部或外部命令,也不是可运行的程序或批处理文件."解决方法使用truffle盒子react进 ...
c语言10.0程序闪退,系统之家xp系统C语言程序闪退的解决方法
在xp系统中,很多使用VC++6.0编译C程序的用户们都经常会遇到C语言程序闪退的问题,在编译器中调试运行的时候一切正常,可将DEBUG中生成的EXE文件拿出来双击运行却发现程序运行完后就闪退了.怎么 ...
移动端网页布局中需要注意事项以及解决方法总结
移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a.input标签被点击时产生的半透明灰色背景怎么去掉 <meta name=&qu ...
普元EOS开发积累第一篇（常见错误解决方法）持续更新
普元EOS开发积累第一篇(常见错误解决方法) 持续更新参考文章: (1)普元EOS开发积累第一篇(常见错误解决方法) 持续更新 (2)https://www.cnblogs.com/tangjing ...
“不允许对64位应用程序进行修改”的解决方法 --“Changes to 64-bit applications are not allowed.”
"不允许对64位应用程序进行修改"的解决方法 --"Changes to 64-bit applications are not allowed." 参考文章: ...
Spark程序运行常见错误解决方法以及优化
Spark程序运行常见错误解决方法以及优化参考文章: (1)Spark程序运行常见错误解决方法以及优化 (2)https://www.cnblogs.com/double-kill/p/901238 ...
android studio socket 失败,Android应用开发Android Studio建立Socket连接失败解决方法
本文将带你了解Android应用开发Android Studio建立Socket连接失败解决方法,希望本文对大家学Android有所帮助. < Android Studio建立Socket连接失 ...

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

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

最新文章

热门文章