A Mobile UI Components built on Vue
🇨🇳 访问中文版
Features
- Support babel-plugin-import
- Support TypeScript
- Support SSR
Install
NPM
npm i zanm -S
YARN
yarn add zanm
CDN
<!-- import style --> <!-- import script -->
Quickstart
babel-plugin-import (Recommended)
1. Use# Install babel-plugin-import npm i babel-plugin-import -D
// set babel config in .babelrc or babel-loader// Note: Don't set libraryDirectory if you are using webpack 1. "plugins": "import" "libraryName": "zanm" "libraryDirectory": "es" "style": true
Then you can import components from zanm, equivalent to import manually below.
;
If you are using TypeScript,please use ts-import-plugin instead, The following is a configuration using Vue's official scaffolding Vue Cli 3 to build:
# Install ts-import-plugin npm i ts-import-plugin -D
// vue.config.jsconst tsImportPluginFactory = ;moduleexports = parallel: false lintOnSave: false configureWebpack: module: rules: test: /\.$/ loader: 'ts-loader' options: happyPackMode: false transpileOnly: true before: compilerOptions: module: 'es2015' devServer: disableHostCheck: true
2. Manually import
;;;
3. Import all components
;;; Vue;
If you configured babel-plugin-import, you won't be allowed to import all components.
Contribution
Please make sure to read the Contributing Guide before making a pull request.
Browser Support
Modern browsers and Android 4.0+, iOS 6+.
Links
Preview
You can scan the following QR code to access the demo: