smui-next

smui-next

Usage no npm install needed!

<script type="module">
  import smuiNext from 'https://cdn.skypack.dev/smui-next';
</script>

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

链接

开发源码

开发实例

组件库官网

组件库官网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)