首页 > 编程语言 >支付宝小程序swiper video的坑

支付宝小程序swiper video的坑

时间:2024-09-06 13:46:51浏览次数:11  
标签:支付宝 uniapp 程序 video swiper 属性

在使用uniapp 开发多端应用的时候,踩了一个坑,有一个页面,是使用swiper作为滑动容器,然后每个swiper-item 嵌套不同的内容,

代码示意:

<template>
    <swiper>
        <swiper-item>
            <view class="w-screen h-300rpx"></view>
        </swiper-item>
        <swiper-item>
            <video class="w-screen h-screen"></video>
        </swiper-item>
    </swiper>
</template>

当时在微信小程序是正常的,第一个swiper-item 有一个300rpx的容器,第二个有一个全屏的video,但是在支付宝小程序不行,

排查下来,发现是swiper内置组件在微信小程序和支付宝小程序上属性表现差异,在支付宝小程序上,swiper组件有一个属性:adjust-height, 这个属性默认在支付宝小程序上是first,

 

 并且该属性只有支付宝小程序支持,uniapp 官网上没有记录该属性,真的

标签:支付宝,uniapp,程序,video,swiper,属性
From: https://www.cnblogs.com/aursordev/p/18400098

相关文章

  • 解决swiper轮播时候点击click触发不了,且获取不到当前点击的数据问题
    查阅官网,可以通过监听on,以及clickedSlide解决。html代码如下:<divclass="swiperPlat"style="overflow:hidden;width:1200px;position:relative"><divclass="swiper-wrapper"style="w......
  • 一个好代码的工具:Video Studio AI
    作为一名视频创作者,我一直在寻找能够简化工作流程的工具。最近,我偶然发现了VideoStudioAI,不得不说,它极大地改变了我处理视频制作的方式。VideoStudioAI是一个由人工智能驱动的平台,设计目的是将文本和图像转化为专业水准的视频,而且几乎不需要什么额外的操作。这个平台的用户......
  • videoPlayer插件的用法
    文章目录1.概念介绍2.使用方法2.1实现步骤2.2具体细节3.示例代码4.内容总结我们在上一章回中介绍了"如何获取文件类型"相关的内容,本章回中将介绍如何播放视频.闲话休提,让我们一起TalkFlutter吧。1.概念介绍播放视频是我们常用的功能,不过Flutter官方SDK......
  • uniapp精仿支付宝UI界面,首页/理财/消息/生活/口碑/我的,还有模拟支付宝扫码支付/收付款
    sumer-alipay介绍uniapp精仿支付宝UI界面,首页/理财/消息/生活/口碑/我的,还有模拟支付宝扫码支付/收付款等功能,界面漂亮颜值高,视频商城小工具等,蚂蚁森林种树养鸡农场偷菜样样齐用于视频,商城,直播,聊天,等等场景完全开源无任何代码加密使用Hbuilder导入插件即可使用。无后......
  • https://www.bilibili.com/video/BV1Bg41167W5/ 突破英语听力口语瓶颈20|掌握5种弱读,不
    functionwordsArticles(the,a/an)Auxiliaries(can,must,might,will)Demonstratives(this,these,that,those)Quantifiers(many,few,little,some)Prepositions(on,with,to,from)Pronouns(he,she,they,we)Conjunctions(and,but,or,but) 1.ReducingConjunction弱读连词......
  • DynamiCrafter:Animating open-domain images with video diffusion priors
    1.Method图像条件视频生成,1.1ImageDynamicsfromVideoDiffusionPriors1.1.1文本对齐的上下文表征文本嵌入通过clip构建,图像通过clip编码,主要代表语义层面的视觉内容,未能捕获图像的完整信息,为了提取更完整的信息,使用来自clip图像vit最后一层的全视觉标记,该token在条......
  • swiper 模块加载
    import{Swiper,SwiperSlide}from'swiper/react'import{Autoplay,Pagination,Navigation}from'swiper/modules'//ImportSwiperstylesimport'swiper/css'import'swiper/css/pagination'import'swiper/css......
  • swiper缩放图
    swiper缩放图Swiper中文网-轮播图幻灯片js插件,H5页面前端开发分为大图和小图,就是主图和缩略图(class里面可以有不止一个属性)需要把自己的图片插入相应位置(上图我已经插入了六个演示图片),在swiper-slide里面,格式可以在swiper官网粘贴相应的:如果需要添加轮播组件,需要在相......
  • 智谱开源 CogVideoX-5B 视频生成模型,RTX 3060 显卡可运行;曝 OpenAI 模型「草莓」今秋
       开发者朋友们大家好: 这里是「RTE开发者日报」,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享RTE(Real-TimeEngagement)领域内「有话题的新闻」、「有态度的观点」、「有意思的数据」、「有思考的文章」、「有看点的会议」,但内容仅代表编......
  • Swift 中的影像魔术:Core Video 的高级应用
    标题:Swift中的影像魔术:CoreVideo的高级应用在Swift开发中,CoreVideo是Apple提供的一个强大的框架,用于处理高质量的视频内容。从实时视频滤镜到高级图像处理,CoreVideo为开发者提供了丰富的API来实现各种视觉效果。本文将详细介绍如何在Swift中使用CoreVideo......