基于 vue2.0 的轮播图插件
#安装
npm install lwm-carousel -S
#在 main.js 中引入插件
import LwmCarousel from 'lwm-carousel';
Vue.use(LwmCarousel);
#在组件中使用:
<lwm-carousel :imgList="myImgList" :imgWidth="600" :imgHeight="400" :timeCell="2000"></lwm-carousel>
#接受的参数
props | type | required | default |
---|---|---|---|
imgList | Array | true | - |
imgWidth | Number | false | 300 |
imgHeight | Number | false | 200 |
timeCell | Number | false | 1500 |
#提示
myImgList的写法:
myImgList: [
require("./img/1.jpg"),
require("./img/2.jpg"),
require("./img/3.jpg")
]
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build