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

2shou 發布于2019-08-20 18:08 / 1032人閱讀

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

這是今天看到的一個不錯的vue組件。感覺用來做首頁圖片和文字的展示，或者是宣傳網站對產品的不同特性的展示都是一個很生動的展現方法。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組件被渲染之后，它將生成一個這樣的結構

CSS將基于這個結構

.vue-accordion {
  ...
}

.vue-accordion ul {
  ...
}

...

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

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

輪子工廠--一個分享優秀的vue,angular組件的網站

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84118.html

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

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

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

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

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

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

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