esui

0.0.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i esui

Weekly Downloads

7

Version

0.0.1

License

none

Last publish

Collaborators

  • linkwisdom