【文件属性】:
文件名称:基于Vue的MaterialDesignUI库Vue-Carbon.zip
文件大小:8.27MB
文件格式:ZIP
更新时间:2022-08-07 22:13:37
开源项目
vue-carbon,基于 vue 开发 material design 风格的移动端 WEB UI 库, 设计资源参考 CARBON FrameWork7。安装目前只使用 npm 安装,和使用 webpack 项目的应用npm install vue-carbon --saveimport Vue from 'vue'
import VueCarbon from 'vue-carbon'
Vue.use(VueCarbon)简单使用例如这个 Refresh Control 组件的demo页面
<header-bar>
Refresh Control
</header-bar>
按住 - 下拉 - 释放可以刷新数据
{{item}}
[removed]export default { data () { return { items: ['1', '2', '3', '5', '6', '7', '8', '9', '10'], end: 10, refreshing: false } }, methods: { back () { window.history.back() }, refresh () { this.refreshing = true setTimeout(() => { this.refreshing = false var arr = [] for (let i = this.end; i < this.end 10; i ) { arr.push(String(i 1)) } this.end = 10 this.items = arr }, 2000) } }}[removed]<style lang="less">.refresh-desc{ text-align: center;}</style>效果如下
标签:VueCarbon