資訊專欄INFORMATION COLUMN
摘要：感覺用來做首頁圖片和文字的展示，或者是宣傳網(wǎng)站對(duì)產(chǎn)品的不同特性的展示都是一個(gè)很生動(dòng)的展現(xiàn)方法。的設(shè)計(jì)風(fēng)格和輪播圖類似。
這是今天看到的一個(gè)不錯(cuò)的vue組件。感覺用來做首頁圖片和文字的展示，或者是宣傳網(wǎng)站對(duì)產(chǎn)品的不同特性的展示都是一個(gè)很生動(dòng)的展現(xiàn)方法。vue-accordion的設(shè)計(jì)風(fēng)格和輪播圖類似。它可以支持用戶自定義樣式類。
安裝通過NPM安裝
npm install vue-accordion
將它引入到你的應(yīng)用中
import Vue from "vue"
import {vueAccordion} from "vue-accordion"
Vue.component("vue-accordion", vueAccordion)
Browser global
注冊(cè)組件
Vue.component("vue-accordion", vueAccordion)
var vm = new Vue({
...
});
使用組件
這是一個(gè)簡單應(yīng)用的例子
當(dāng)accordion組件被渲染之后，它將生成一個(gè)這樣的結(jié)構(gòu)
CSS將基于這個(gè)結(jié)構(gòu)
.vue-accordion {
...
}
.vue-accordion ul {
...
}
...
.vue-accordion ul li a h2 {
...
}
如果需要修改樣式，可以看下"accordionClass"和"styles"這兩個(gè)參數(shù)配置
輪子工廠--一個(gè)分享優(yōu)秀的vue,angular組件的網(wǎng)站
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/84118.html
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
閱讀 4023·2021-11-11 10:58
閱讀 3426·2021-09-26 09:46
閱讀 1975·2019-08-30 15:55
閱讀 1037·2019-08-30 13:52
閱讀 2047·2019-08-29 13:11
閱讀 3082·2019-08-29 11:27
閱讀 1569·2019-08-26 18:18
閱讀 2723·2019-08-23 14:17
