投稿

Vue移动端UI组件库Zarm-Vue

Vedu • • 资源分享 • 阅读 1722

今天给小伙伴们分享一款为用户体验而生的Vue手机端组件库ZARM-VUE。

超赞 Vue 移动端UI组件库Zarm-Vue

zarm-vue 众安科技推出的一款基于 vue2.0 的Mobile组件库。提供了30 多个常用组件。主要适用于企业级移动端开发。

超赞 Vue 移动端UI组件库Zarm-Vue

安装

$ npm i zarm-vue -S

引入组件

// 全局引入
import Vue from \'vue\';
import zarmVue from \'zarm-vue\';
import \'zarm-vue/zarm-vue.default.css\';
Vue.use(zarmVue);// 按需引入
import { Button, Alert } from \'zarm-vue\'
Vue.use(Button)Vue.use(Alert)
超赞 Vue 移动端UI组件库Zarm-Vue

使用组件

<template>
  <div id="app">
    <za-input v-model="v1" type="text" :clearable="true" />
    <za-input v-model="v2" type="textarea" :clearable="true" />
    <za-button ghost>defaultza-button>
    <za-button theme="primary" block @click="visible1 = true">primaryza-button>
        <za-toast :visible.sync="visible1" @close="toastClose">默认3秒自动关闭za-toast>
  div>
template>
<script>
export default {
  data() {
    return {
      v1: \'\',
      v2: \'\',
      visible1: false
    }
  },
  methods: {
    toastClose(reason, event){
      console.log(reason, event);
    }
  },
}
script>
超赞 Vue 移动端UI组件库Zarm-Vue
超赞 Vue 移动端UI组件库Zarm-Vue
超赞 Vue 移动端UI组件库Zarm-Vue
超赞 Vue 移动端UI组件库Zarm-Vue
超赞 Vue 移动端UI组件库Zarm-Vue

提供了很多实用化的组件，这里不一一介绍了，感兴趣的朋友不可错过哈~

最后附上文档及项目地址

# 文档地址
https://zarm-vue.gitee.io/
# 组件demo地址https://zarm-vue.gitee.io/zarm-vue/demo.html
# 仓库地址https://github.com/ZhongAnTech/zarm-vue

好了，就介绍到这里。如果大家有其它优质vue.js组件库，欢迎一起分享交流！

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/11078.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-09-09 08:37
下一篇 2020-09-09 08:39

相关推荐

发表评论

登录后才能评论