问题：上面这个效果怎么做呢
左边的文字是上下轮播 但是图片不是上下轮播 而且还是同时变换的
****bang bang mang hen ji hen ji ****
微信小程序 轮播文字 图片也跟着变
问题：上面这个效果怎么做呢
左边的文字是上下轮播 但是图片不是上下轮播 而且还是同时变换的
****bang bang mang hen ji hen ji ****
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
晴空闲雲 2021-11-16 18:25关注看着像是两个动画，但是在同一帧内，所以一起变化。
可以参考下css动画属性：animation
左边的文字样式应该是translate位移的动画，右边的图片应该是背景图background-image切换的动画本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 编辑记录 分享
- 2021-11-23 10:52回答 2 已采纳 使用定位，父元素使用相对定位，子元素使用绝对定位
- 2022-08-07 15:57回答 5 已采纳 毫无疑问，是图片路径的问题。如果有网络图片的时候，优先使用网络资源没有，在使用本地资源，你这个是项目的路径不对，前面不需要miniprogarme的
- 2022-09-30 09:02回答 2 已采纳 background-size：contain; // 缩小图片来适应元素的尺寸（保持像素的长宽比），是图片宽高最长的那个边覆盖元素一边即可；background-size ：cover; // 扩展
- 2021-01-03 10:00Tips：微信小程序可以在HbuilderX用HTML标签（如Ddiv、span等）写前端代码，也可以用微信小程序语法写（view、swiper标签），然后npm run dev编译后，在微信开发者工具里面导入该项目，就可以调试项目，查看效果。...
- 2022-05-29 19:25回答 1 已采纳 wx:for写在swiper-item那里
- 2022-10-04 09:14回答 2 已采纳 wxml部分 <view class="container"> <view class="usermotto"> <text class="user-mott
- 2017-11-29 08:37回答 11 已采纳  你这段代码放在data里面啊。
- 2021-01-20 08:25在微信小程序开发中，轮播图（Swiper）是一个非常常见的功能，用于展示广告、产品或活动，以吸引用户注意力并提高互动性。本实战教程将教你如何在微信小程序中实现一个具有基本功能的轮播图组件。 首先，轮播图的...
- 2023-03-02 20:31回答 1 已采纳 基于Monster 组和GPT的调写： 是的，你可以在小程序登录时将账号密码进行加密后传输到数据库，并在本地使用storage保存加密后的账号密码。这样可以保护用户的隐私信息，并且在后台也能看到账号的
- 2022-04-17 21:06回答 1 已采纳 要看有没有多端需求？没有的话，能用原生微信小程序写是最好的，后期api变动和维护都比较好。
- 2022-04-20 15:10回答 1 已采纳 你界面上渲染有问题，product.image是个数组，你需要在image标签上或者用block再进行一次循环
- 2023-05-06 09:31【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...
- 2018-06-27 15:00微信小程序的轮播图组件（swiper）是开发者在构建页面时常用的一种元素，它用于展示多张图片或内容并实现自动切换的效果，常用于广告展示、产品介绍等场景。本教程将详细介绍如何在微信小程序中使用swiper组件实现...
- 2024-04-08 08:56重生之做前端的博客 如果在微信小程序不显示，则在img上面加上 mode="widthFix
- 2024-06-02 18:27婚纱照拍摄结婚摄影微信小程序前端静态模板源码是一款专为婚纱摄影门店设计的小程序应用，其主要目的是提供一个用户友好的界面，使客户能够轻松浏览和了解门店的服务、产品以及预约流程。这款源码包含了五个关键页面...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月4日
已采纳回答
11月26日-
创建了问题
11月16日