QQ客服
當前位置 : 首頁 > 代碼 > 網頁特效 > 圖片代碼 > vue簡單的圖片相冊幻燈片實例

vue簡單的圖片相冊幻燈片實例

【原創】基于Vue.js構建的響應式的圖片幻燈片,圖片相冊,大圖切換展示代碼。動態設置圖片url路徑,來實現簡單的圖片切換效果。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<!--核心樣式-->
<link rel="stylesheet" href="css/style.css">

2、body引入部分

<div class="heading">
<h1>Vue幻燈片</h1>
<h4>基于Vue.js構建的簡單照片相冊</h4>
</div>

<div class="container" id="app">
	<vue-gallery :photos="photos"></vue-gallery>
</div>

<script src='js/vue.min.js'></script>
<script src="js/script.js"></script>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 新浪注冊 立即下載

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了
cc竞速飞车公式规律