首页 > 其他分享 >uniapp:3D轮播切换

uniapp:3D轮播切换

时间:2024-12-14 08:59:28浏览次数:6  
标签:uniapp 轮播 .. image game static require png 3D

<view class="header">
	<swiper class="swiper" previous-margin="170rpx" next-margin="170rpx" :current="current" @change="changeSwiper">
		<swiper-item class="item" v-for="(item,index) in swiperList" :key="index">
			<image :src="item.image" mode="" :class="{'ac':current == index}"></image>
		</swiper-item>
	</swiper>
</view>
swiperList:[{
	image:require('../../static/game/10.png')
},{
	image:require('../../static/game/9.png')
},{
	image:require('../../static/game/10.png')
}],
.header {
	padding-top: 100rpx;
	.swiper{
		height: 700rpx;
		.item{
			padding-top: 50rpx;
		}
		image{
			display: block;
			width: 372rpx;
			height: 586rpx;
			margin: auto;
			transition: all .5s;
			transform: scale(0.9);
		}
		.ac{
			transition: all .5s;
			transform: scale(1.2);
		}
	}
}

在这里插入图片描述

标签:uniapp,轮播,..,image,game,static,require,png,3D
From: https://blog.csdn.net/qq_40745143/article/details/144450383

相关文章

  • ArkTs布局入门08——轮播(Swiper)
    1、概述Swiper组件提供滑动轮播显示的能力。Swiper本身是一个容器组件,当设置了多个子组件后,可以对这些子组件进行轮播显示。通常,在一些应用首页显示推荐的内容时,需要用到轮播显示的能力。2、布局与约束Swiper作为一个容器组件,在自身尺寸属性未被设置时,会自动根据子组件的大小设......
  • AI预测福彩3D采取888=3策略+和值012路+胆码+通杀1码预测12月13日新模型预测第162弹
            经过100多期的测试,当然有很多彩友也一直在观察我每天发的预测结果,得到了一个非常有价值的信息,那就是9码定位的命中率非常高,100多期一共只错了12次,这给喜欢打私房菜的朋友提供了极高价值的预测结果~当然了,大部分菜友还是走的正常渠道,因此,得想办法进行缩水,尽可能......
  • 《宇宙机器人》提示错误弹窗“找不到d3dx9_43.dll”是什么原因?“d3dx9_43.dll缺失”怎
    电脑游戏运行时常见问题解析:《宇宙机器人》提示“找不到d3dx9_43.dll”的解决之道TGA2024落幕,年度最佳游戏——《宇宙机器人》,作为一名在软件开发领域深耕多年的从业者,我深知电脑游戏在运行过程中可能会遇到的各种挑战,尤其是文件丢失、文件损坏和系统报错等问题。今天,我将以《......
  • 基于Java的springboot/SSM+vue.js+uniapp小程序软件学院学生成绩管理系统的附带文章源
    文章目录前言详细视频演示具体实现截图后端框架SpringBoot前端框架Vue持久层框架MyBaits为什么选择我代码参考数据库参考测试用例参考源码获取前言......
  • obj文件如何转换成3DTiles文件?用这款软件帮你轻松搞定
    概述在三维数据处理中,OBJ文件是一种常见的三维模型文件格式,而3DTiles作为Cesium等三维平台广泛使用的数据格式,凭借其高效的流式加载能力,成为三维可视化领域的标配。如果你正面临将OBJ文件转换为3DTiles文件的挑战,不妨试试GISBox免费GIS工具箱。这款强大的工具不仅功能丰富,而且操......
  • uniapp的uview2.0框架u--textarea组件(或uv-ui uv-textarea)(或uviewui u--textarea)无法
    问题描述在使用uniapp的uview2.0框架u–textarea组件时,想要使u–textarea支持换行输入,但是默认不支持换行输入,各种百度,没有找到解决问题的方案,最后只有查看源码如下但发现源码没有对属性有过多的处理,我开始怀疑是不是原生组件又问题,但是测试之后发现原生组件并没有问题,经过一天......
  • PSAI一键线稿上色+2D线稿秒变3D,设计师效率飞升神器!
    设计师们,还在为繁琐的建模、漫长的上色过程以及找不到灵感的相似图而烦恼吗?在快节奏的现代设计行业中,时间紧迫、创意枯竭成为了你们的常态。传统的2D线稿上色和3D建模过程不仅耗时费力,还容易让你们陷入创意瓶颈。但今天,我们为你们带来了一款革命性的设计神器——StartAI插件!它......
  • Uniapp插件如何通过NFC读取多种证卡信息?
    nfc读卡uniapp插件,由中软高科进行开发,主要是通过NFC读取居民身份证、港澳台居住证、外国人居住证、护照等证卡的信息。经过多个版本的升级更新,目前性能已趋于稳定,并且读卡速度较之最初版本有了大的提升。注意事项测试使用的appid不可用于商用(否则后果自负)。商用的a......
  • 如果要在页面上放一组图片轮播图,你认为多长时间播放一次比较好,为什么?
    轮播图切换时间没有绝对的最佳值,需要根据具体情况而定。一般来说,建议在3-5秒之间,但也需要考虑以下因素:图片内容的复杂度:如果图片包含大量信息,例如复杂的图表或大量文字,用户需要更多时间来理解,则切换时间应该更长,例如5-7秒,甚至可以考虑手动控制。反之,如果图片内容简单,例......
  • uniapp在平板上启动图片被拉伸变形问题解决
    解决方法使用.9.npg格式图片,.9.PNG是安卓开发里面的一种特殊的图片,这种格式的图片通过ADT自带的编辑工具生成,使用九宫格切分的方法,使图片支持在android环境下的自适应展示。工具.9.npg制作工具draw9png下载地址https://wwvz.lanzouw.com/ixDXP2hzpubg使用方法下载解压draw......