vue使用bootstarap实现轮播效果,为什么F11全屏后就不动了!!!不是全屏还是可以动的

方圆百里我最屌 发布于 06/30 09:05
阅读 77
收藏 0

精选30+云产品,助力企业轻松上云!>>>

我实现的是几个页面的轮播效果,不是全屏可以轮播,但是全屏后就不动,不知道是浏览器的问题还是代码自身的问题,希望各位大神指点一下!!!谢谢

<template>
	<div id="demo" class="carousel slide" data-ride="carousel">
		<div class="carousel-inner">
			<div class="carousel-item active" data-interval="7000">
				<Fire1></Fire1>
			</div>
			<div class="carousel-item" data-interval="7000">
				<Fire2></Fire2>
			</div>
			<div class="carousel-item" data-interval="7000">
				<Fire3></Fire3>
			</div>
			<div class="carousel-item" data-interval="7000">
				<Fire4></Fire4>
			</div>
			<div class="carousel-item" data-interval="7000">
				<OtherEquipment></OtherEquipment>
			</div>
		</div>
		<!-- 左右切换按钮 -->
		  <a class="carousel-control-prev" href="#demo" data-slide="prev">
		    <span class="carousel-control-prev-icon"></span>
		  </a>
		  <a class="carousel-control-next" href="#demo" data-slide="next">
		    <span class="carousel-control-next-icon"></span>
		  </a>
	</div>
</template>

<script>
	import 'bootstrap/dist/css/bootstrap.min.css'
	import 'bootstrap/dist/js/bootstrap.min.js'
	import Fire1 from './Fire1.vue'
	import Fire2 from './Fire2.vue'
	import Fire3 from './Fire3.vue'
	import Fire4 from './Fire4.vue'
	import OtherEquipment from './OtherEquipment.vue'
	export default ({
		name: 'Common',
		components:{
			Fire1,
			Fire2,
			Fire3,
			Fire4,
			OtherEquipment
		}
	})
</script>

 

加载中
返回顶部
顶部