Element Mobile

A Vue.js UI Toolkit for mobile pages

链接

• 主页
• 文档
• 手机预览

安装

Element Mobile 可以通过两种方式进行安装：npm 和 CDN。请根据项目的实际情况选择其一。

npm 安装

推荐使用 npm 的方式安装

npm i element-mobile -S

完整引入

import Vue from 'vue'
import ElementMobile from 'element-mobile'
import 'element-mobile/dist/element-mobile.css'

Vue.use(ElementMobile)

按需引入

需配合 babel-plugin-component 使用，具体请参考文档

import Vue from 'vue'
import { Button, MessageBox } from 'element-mobile'

Vue.component(Button.name, Button) // 或写为 Vue.use(Button)
Vue.use(MessageBox)

CDN

可以通过 FaaS CDN 获取到给定版本的资源，在页面上引入 js 和 css 文件即可开始使用。

<!-- 引入样式，将 version 替换为你需要的版本 -->
<link rel="stylesheet" href="https://shadow.elemecdn.com/npm/element-mobile@version/dist/element-mobile.min.css">
<!-- 引入组件库，将 version 替换为你需要的版本 -->
<script src="https://shadow.elemecdn.com/npm/element-mobile@version/dist/element-mobile.min.js"></script>