摘要:感觉用来做首页图片和文字的展示,或者是宣传网站对产品的不同特性的展示都是一个很生动的展现方法。的设计风格和轮播图类似。
这是今天看到的一个不错的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组件的网站
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/84118.html
摘要:并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快速搭建项目。 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序。并总结vue React html css js 经典面试题 集各种算法和插件、前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快...
摘要:并总结经典面试题集各种算法和插件前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快速搭建项目。 本文是关注微信小程序的开发和面试问题,由基础到困难循序渐进,适合面试和开发小程序。并总结vue React html css js 经典面试题 集各种算法和插件、前端视频源码资源于一身的文档,优化项目,在浏览器端的层面上提升速度,帮助初中级前端工程师快...
摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...
阅读 3888·2021-11-11 10:58
阅读 3242·2021-09-26 09:46
阅读 1877·2019-08-30 15:55
阅读 947·2019-08-30 13:52
阅读 1922·2019-08-29 13:11
阅读 2983·2019-08-29 11:27
阅读 1486·2019-08-26 18:18
阅读 2556·2019-08-23 14:17