資訊專(zhuān)欄INFORMATION COLUMN
摘要：是一款輪播圖插件，我是用在里面，方便省事兒。官網(wǎng)地址地址安裝安裝完成之后，我沒(méi)有在中注冊(cè)它，而是在使用頁(yè)面注冊(cè)的。因?yàn)橥ǔ?lái)說(shuō)輪播圖只會(huì)在一個(gè)應(yīng)用的首頁(yè)展示，所以就沒(méi)必要在全局注冊(cè)它，只用在頁(yè)面注冊(cè)使用一下就可以了。
swipe是一款輪播圖插件，我是用在vue里面，方便省事兒。
swipe里面有很多關(guān)于滑動(dòng)的組建，我只用過(guò)輪播圖，如果以后有時(shí)間，可以再看看官網(wǎng)上別的組件介紹。
官網(wǎng)地址
github地址
安裝：
npm install vue-swipe
安裝完成之后，我沒(méi)有在main.js中注冊(cè)它，而是在使用頁(yè)面注冊(cè)的。因?yàn)橥ǔ?lái)說(shuō)輪播圖只會(huì)在一個(gè)應(yīng)用的首頁(yè)展示，所以就沒(méi)必要在全局注冊(cè)它，只用在index.vue頁(yè)面注冊(cè)使用一下就可以了。
如何使用：
//html1 2 3
//js
//頂部引用
import { Swipe, SwipeItem } from "vue-swipe"
import "vue-swipe/dist/vue-swipe.css";
//注冊(cè)局部組建
components: {
Swipe,SwipeItem
}
//css
.carousel-figure {
height: 150px; //必須得給個(gè)高度，不然高度是0，啥都不顯示
.slide1 {
background-color: blue;
}
.slide2 {
background-color: gold;
}
.slide3 {
background-color: green;
}
}
注意：其實(shí)首頁(yè)輪播圖我更經(jīng)常用循環(huán)的方式寫(xiě)出來(lái)，這是項(xiàng)目中的代碼：
