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


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

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

    //修改前---会出问题
    <image src="" mode="">image>
     
    //修改后---问题解决
    <image src="" mode="aspectFit">image>
    
    //或去除mode---问题解决
    <image src="">image>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    其他注意事项
    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函数不生效
    解决办法:无

  • 相关阅读:
    代码首次提交到gitee上报错问题解决
    基于EKF扩展卡尔曼滤波的传感器网络目标跟踪matlab仿真
    项目管理PRINCE2核心知识点整理
    6.0 生成txt、doc文件
    SUSE 加速汽车行业智能化发展
    Istio Ambient Mesh 介绍
    linux的常见命令
    Java基础系列(六)——代理机制详解
    一起瓜分20万奖金!第三届火焰杯软件测试大赛开始公开选拔!
    MyBatis 学习(四)之 SQL 映射文件
  • 原文地址:https://blog.csdn.net/weixin_44599931/article/details/128038370