cloudmes-ui

安装

npm安装

npm install cloudmes-ui --save
# 建议使用cnpm
cnpm install cloudmes-ui --save

CDN引入

<!-- 引入样式 -->
<link rel="stylesheet" href="cloudmes-ui/dist/cloudmes-ui.css">
<!-- 引入组件库 -->
<script src="cloudmes-ui/dist/cloudmes-ui.common.js"></script>
<!-- 或者使用压缩版  -->
<script src="cloudmes-ui/dist/cloudmes-ui.umd.min.js"></script>

快速上手

在main.js写入以下内容

import Vue from 'vue'
import CloudmesUI from 'cloudmes-ui'
import 'cloudmes-ui/dist/cloudmes-ui.css'
import App from './App.vue'

Vue.use(CloudmesUI)

new Vue({
  el: '#app',
  render: h => h(App)
})

国际化

CloudMES组件内部默认使用中文，若希望使用其他语言，则需要进行多语言设置.

import Vue from 'vue'
import CloudmesUI from 'cloudmes-ui'
import VueI18n from 'vue-i18n'
import locale from 'cloudmes-ui/src/locale'

Vue.use(VueI18n)

const i18n = new VueI18n({
  messages: {},
  locale: 'zh-CN',
  silentTranslationWarn: true
})

locale.i18n((key, value) => i18n.t(key, value))

export default i18n

Vue.use(CloudmesUI)
// 多语言
Vue.locale = () => {}

new Vue({
  i18n,
  render: h => h(App)
}).$mount('#app')