msui

smui
2,061
Install
npm install msui
Latest Version:0.1.5
Vue:2
Older releases:1
Last Updated:May 25, 2017
Links: npm
Maintainer: linkwisdom

关于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

链接

开发源码

开发实例

组件库官网

组件库官网2

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)

Version History

Version Released Vue License
0.1.5 ^2.1.6
0.1.2 ^2.1.6
0.0.34 ^2.1.6
0.0.29 ^2.1.6
0.0.27 ^2.1.6