zarm-vue

zarm in vue
6,045 129
vue ui components component framework mobile vue-component frontend vue-ui zarm zarm-vue web-ui
Install
npm install zarm-vue@1.6.2
Latest Version:1.6.2
Vue:2
License:MIT
Last Updated:Dec 10, 2022
Links: GitHub  ·  npm
Maintainer: zhanwangye

Zarm Vue

Build Status Coverage Status Netlify Status npm package NPM downloads JS gzip size CSS gzip size License

版本

  • Beta版：npm package

Install 安装

npm install zarm-vue --save

Import 引入

  • 全组件引入
import Vue from 'vue';
import zarmVue from 'zarm-vue';
// 引入全局样式
import 'zarm-vue/zarm-vue.default.css';
Vue.use(zarmVue);
  • 按需引入

借助ElementUI提供的babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

首先，安装 babel-plugin-component：

npm install babel-plugin-component -D

然后，将 .babelrc 添加：

{
  // ...
  "plugins": [["component", {
      "libraryName": "zarm-vue",
      "styleLibraryName": "theme"
    }
  ]]
}

接下来，如果你只希望引入部分组件，比如 Button 和 Alert，那么需要在 main.js 中写入以下内容：

import { Button, Alert } from 'zarm-vue'
Vue.use(Button)
Vue.use(Alert)
  • 也可以通过cdn引入umd模块
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/zarm-vue@latest/zarm-vue.default.css">
  <script src="https://unpkg.com/vue@latest/dist/vue.min.js"></script>
  <script src="https://unpkg.com/zarm-vue@latest/zarm-vue.umd.js"></script>
</head>
<body>
  <div id="app">
      <za-button theme="primary">普通按钮</za-button>
  </div>
</body>
<script>
  new Vue({
    el: '#app'
  })
</script>
</html>

Related Packages

zarm-vue-next

zarm in vue

1,967 129
component components framework frontend mobile ui vue vue-component vue-ui web-ui +2
@hytera/gis-midia-comp

An enterprise-class UI design language and Vue components implementation

2,516
component components framework frontend ui vue vue-component arco design
gc-el

KDGC组件库

634
component components framework frontend ui vue vue-component design
antv

Ant Design of Vue

23,536 114
component components framework frontend ui vue vue-component ant-design antd
nova-vue

An enterprise-class UI design language and Vue components implementation

1,064 3
component components framework frontend ui vue vue-component design nova

Version History

Version Released Vue License
1.6.2 > 2.3.0 MIT
1.6.1 > 2.3.0 MIT
1.6.0 > 2.3.0 MIT
1.5.1 > 2.3.0 MIT
1.5.0 > 2.3.0 MIT
Pre-releases (41)
Version Released Vue License
2.0.0-beta.3 > 2.5.0 MIT
2.0.0-beta.1 > 2.5.0 MIT
2.0.0-alpha.38 > 2.5.0 MIT
2.0.0-alpha.37 > 2.5.0 MIT
2.0.0-alpha.36 > 2.5.0 MIT