uni-app的轮播 swiper

在uni-app中自带了swiper的代码块,可以用来制作轮播图

在我们输入的时候可以时候用快捷方式创建我们的代码块 usw来选择你对应的代码块创建

<swiper :indicator-dots="true" :autoplay="true"   class="banner">
<swiper-item>
  <image src="../../static/index/batmanvssuperman.png" mode="" class="banner"></image>
</swiper-item>
<swiper-item>
  <image src="../../static/index/batmanvssuperman.png" mode="" class="banner"></image>
</swiper-item>
</swiper>

<style>

.banner{

width:100%;

height:440upx

}

</style>

官网链接地址:https://uniapp.dcloud.io/component/swiper

posted @   一封未寄出的信  阅读(6471)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
历史上的今天:
2019-11-25 父组件调用子组件 viewChild
点击右上角即可分享
微信分享提示