README
关于SMUI
SMUI是一套基于Vue开发的,适用于PC的组件库
vue1.x环境版本请使用smui-pre
使用安装
- NPM安装
npm i smui --save
webpack环境自动异步导入默认皮肤样式,否则需要手动引入样式文件
import 'smui/style/skin.css'
- CDN安装
<!-- 引入Vue -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="//unpkg.com/smui/style/skin.css">
<!-- 引入组件库 -->
<script src="//unpkg.com/smui/bundle.js"></script>
快速框架搭建
vue init sm-ui/webpack#v2
链接
Feature
// smui@0.1.1 版本开始支持国际化和皮肤切换
import ui from 'smui/base/ui'
// 切换到英文版本
ui.i18n.locale = 'en'
// 切换皮肤(default, semantic, jinyang)
ui.skinName = 'semantic'
国际化
- 使用vue-i18n方案
- 支持全局配置方式
import i18n from 'smui/base/i18n'
const lang = {
en: {
NewPost: 'NewPost'
},
cn: {
NewPost: '新建文章'
}
}
i18n.extend(lang)