Vue的手風琴組件--優(yōu)雅的展示圖片以及文字的方式

2shou 發(fā)布于2019-08-20 18:08 / 1025人閱讀

摘要：感覺用來做首頁圖片和文字的展示，或者是宣傳網(wǎng)站對產(chǎn)品的不同特性的展示都是一個很生動的展現(xiàn)方法。的設計風格和輪播圖類似。

這是今天看到的一個不錯的vue組件。感覺用來做首頁圖片和文字的展示，或者是宣傳網(wǎng)站對產(chǎn)品的不同特性的展示都是一個很生動的展現(xiàn)方法。vue-accordion的設計風格和輪播圖類似。它可以支持用戶自定義樣式類。

安裝

通過NPM安裝

npm install vue-accordion

將它引入到你的應用中

import Vue from "vue"
import {vueAccordion} from "vue-accordion"

Vue.component("vue-accordion", vueAccordion)

Browser global

注冊組件

  Vue.component("vue-accordion", vueAccordion)
  
  var vm = new Vue({
    ...
  });

使用組件

這是一個簡單應用的例子

當accordion組件被渲染之后，它將生成一個這樣的結(jié)構

CSS將基于這個結(jié)構

.vue-accordion {
  ...
}

.vue-accordion ul {
  ...
}

...

.vue-accordion ul li a h2 {
  ...
}

如果需要修改樣式，可以看下"accordionClass"和"styles"這兩個參數(shù)配置

輪子工廠--一個分享優(yōu)秀的vue,angular組件的網(wǎng)站

云服務器 GPU云服務器識別圖片上文字的軟件識別圖片中的文字給圖片加文字的app excel提取圖片中的文字內(nèi)容

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84118.html

前端面試題總結(jié)（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發(fā)和面試問題，由基礎到困難循序漸進，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

li21 2019-08-23 17:11 評論0 收藏0
前端面試題總結(jié)（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發(fā)和面試問題，由基礎到困難循序漸進，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

AaronYuan 2019-07-31 10:21 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0