zoukankan      html  css  js  c++  java
  • uni-app 轮播图

    	<!-- interval : 自动切换时间间隔 -->
    	<!-- duration : 滑动动画时长   -->
    	<!-- circular : 是否采用衔接滑动,即播放到末尾后重新回到开头 -->
    	<!-- indicator-dots : 是否显示面板指示点 -->
    	<!-- https://uniapp.dcloud.io/component/swiper?id=swiper -->
    	<view class="uni-margin-wrap">
    		<swiper class="swiper" circular :autoplay="true" :interval="5000" indicator-dots :duration="800">
    			<swiper-item class="swiper-item"> 
    					<image src="../../static/images/1.jpg" mode=""></image>
    			</swiper-item>
    			<swiper-item class="swiper-item">
    					<image src="../../static/images/2.jpg" mode=""></image>
    			</swiper-item>
    			<swiper-item class="swiper-item">
    					<image src="../../static/images/3.jpg" mode=""></image>
    			</swiper-item>
    		</swiper>
    	</view>
    
    
    
    
    
    <style scoped>
    	.swiper {
    		 750rpx;
    		height: 417rpx;
    	}
    	.swiper-item {
    		 750rpx;
    		height: 417rpx;
    	}
    	.swiper-item image {
    		height: 100%;
    		 100%;
    	}
    </style>
    

      

  • 相关阅读:
    第七周课程总结&实验报告(五)
    2020软件工程作业02
    自我介绍
    2019学期总结
    2019 第二次实验报告
    git 小错误
    12
    2019第十一周作业
    第十周作业
    第九周
  • 原文地址:https://www.cnblogs.com/xiaoyaolang/p/13969115.html
Copyright © 2011-2022 走看看