首页 > 编程语言 >uniapp微信小程序转支付宝小程序踩坑(持续更新)

uniapp微信小程序转支付宝小程序踩坑(持续更新)

时间:2023-06-26 11:44:17浏览次数:37  
标签:uniapp 显示 缩放 微信 裁剪 程序 模式 区域 图片

首先第一个,真有被折磨到!

// 微信正常使用,支付宝不行
<image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/>
// 以下两种 微信、支付宝都正常使用
<image src="https://static.dabapiao.com/images/coupon-index.png" mode="aspectFill"/>
<image src="https://static.dabapiao.com/images/coupon-index.png" />

问题就出在mode的属性值上,你可以没有mode但是就是不能为空!为空的话,image在支付宝上就是按图片1:1的像素显示而不是按你设定的像素!

以下是mode 的合法值,可以参考
   /** 缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 */
    scaleToFill
    /** 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。 */
    aspectFit
    /** 缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。 */
    aspectFill
    /** 缩放模式,宽度不变,高度自动变化,保持原图宽高比不变 */
    widthFix
    /** 缩放模式,高度不变,宽度自动变化,保持原图宽高比不变 */
    heightFix
    /** 裁剪模式,不缩放图片,只显示图片的顶部区域 */
    top
    /** 裁剪模式,不缩放图片,只显示图片的底部区域 */
    bottom
    /** 裁剪模式,不缩放图片,只显示图片的中间区域 */
    center
    /** 裁剪模式,不缩放图片,只显示图片的左边区域 */
    left
    /** 裁剪模式,不缩放图片,只显示图片的右边区域 */
    right
    /** 裁剪模式,不缩放图片,只显示图片的左上边区域 */
    'top left'
    /** 裁剪模式,不缩放图片,只显示图片的右上边区域 */
    'top right'
    /** 裁剪模式,不缩放图片,只显示图片的左下边区域 */
    'bottom left'
    /** 裁剪模式,不缩放图片,只显示图片的右下边区域 */
    'bottom right'

 

标签:uniapp,显示,缩放,微信,裁剪,程序,模式,区域,图片
From: https://www.cnblogs.com/linboomboom/p/17505240.html

相关文章

  • HTTP(Hypertext Transfer Protocol)是一种用于在网络上传输超文本的协议。它是Web应用程
    HTTP(HypertextTransferProtocol)是一种用于在网络上传输超文本的协议。它是Web应用程序之间数据交换的基础,并且也被广泛用于其他应用程序之间的通信。HTTP基于客户端-服务器模型,其中客户端发起请求,而服务器响应请求并返回相应的数据。它使用TCP/IP作为底层传输协议,通过在客户端......
  • RESTful API(Representational State Transfer API)是一种设计和构建网络应用程序的软件
    RESTfulAPI(RepresentationalStateTransferAPI)是一种设计和构建网络应用程序的软件架构风格。它是一种基于HTTP协议的API设计理念,旨在实现系统的可伸缩性、简洁性、可靠性和可扩展性。RESTfulAPI的设计原则可以概括为以下几点:资源(Resource):将系统中的数据和功能抽象为资源,每......
  • 小程序中使用vant weapp
    前提:其实vant官方的步骤写的很详细但是在我照着一步步走了之后发现还是用不了有报错因此详细扩充一下 1.在项目文件夹下开启终端执行npminit2.再执行npminstall(这后面其实就是官网的内容了主要是1、2条导致的我的报错)3.通过NPM的方式安装npmi@vant/w......
  • 开发一款宠物服务小程序可以带来什么呢?
    1.促进营销小程序自带附近小程序功能,只要在附近5公里以内,就会自动向顾客推荐店铺。在五公里范围内养宠物的用户,有微信用户就可以知道你的店铺,这对宠物店,宠物医院来说是非常有利的营销。2.提升用户体验宠物店,宠物医院可以通过小程序开通商城,然后通过接口连接外卖平台,实现订单采购、......
  • Microsoft PostScript和PCL6 Class打印机驱动是Windows操作系统提供的标准打印机驱动
    MicrosoftPostScript和PCL6Class打印机驱动是Windows操作系统提供的标准打印机驱动程序,用于支持PostScript和PCL6语言的打印机设备。这些类打印机驱动程序是为了方便用户在Windows操作系统上使用广泛的打印机设备而开发的。它们可以与各种厂商的打印机兼容,并为用户提供基本的打......
  • Windows Common Log File System (CLFS) Driver,也称为CLFS.sys,是Windows操作系统中的
    WindowsCommonLogFileSystem(CLFS)Driver,也称为CLFS.sys,是Windows操作系统中的一个驱动程序。它提供了一个通用的日志文件系统框架,用于记录和管理系统、应用程序和服务的日志。CLFS.sys文件的路径通常位于Windows操作系统的系统目录中。具体的路径取决于安装Windows的......
  • Microsoft Message Queuing(MSMQ)是由微软开发的一种消息队列服务,用于在分布式应用程序
    MicrosoftMessageQueuing(MSMQ)是由微软开发的一种消息队列服务,用于在分布式应用程序之间进行异步通信。它提供了一种可靠的方式来在不同的应用程序之间发送消息,并确保消息的可靠传递。MSMQ基于消息队列的原理,应用程序可以将消息发送到队列中,然后其他应用程序可以从队列中接收这......
  • PBN衔接ILS程序时的复飞保护区评估
    之前写过一篇PBN衔接ILS程序的中间航段保护区画法,有朋友留言想了解复飞保护区评估怎么计算。这正好也是我想去写的内容,就借着今天这篇文章给大家做个简单的解读。链接:PBN-ILS中间航段的保护区画法我们通过以下几个概念,来简要分析PBN-ILS程序复飞段保护区的评估方法,帮助......
  • [ARM 汇编]高级部分—ARM汇编编程实战—3.3.3 嵌入式应用程序设计实例
    在本章节中,我们将学习如何使用ARM汇编编写一个简单的嵌入式应用程序。我们将以STM32F103微控制器为例,编写一个程序,实现按下按钮时点亮LED的功能。硬件连接首先,我们需要将STM32F103微控制器的一个GPIO引脚连接到LED(通过一个合适的电阻),另一个GPIO引脚连接到按钮。假设我们使用以......
  • C#使用企业微信群机器人推送生产数据
      在日常的工作生产中,经常会有将将生产数据或者一些信息主动推送给相关的管理人员,我们公司在开发WMS系统时,为了仓库的储存安全,需要在危废品库存达到一定的储量时,自动通知仓管员去处理危废品,所以就需要程序自动的通过企业微信告知仓管员,这个时候就需要用到企业微信的机器人了。......