Sparta-ui NPM | npm.io

sparta-ui

介绍

命名由来

此组件库叫Sparta名字的由来，是因为一部名为《斯巴达300勇士》。因为目前市面上，针对IE9的完全兼容的组件库几乎是没有了。而对于网易支付来说，IE9的用户占比还是不少，为了更好地服务用户，Sparta从此而生。

特性

开箱即用的高质量 Vue 组件。
全链路开发和设计工具体系。
为数不多的支持IE9的组件库。

贡献者开发时注意

写md的时候，代码之间不能有换行，否则无法编译通过!!!

安装

npm install sparta-ui --save

快速上手

引入

在js入口文件中引入sparta-ui的脚本和样式。

跨境主题

// epay主题
import SpartaUI from 'sparta-ui/lib/globalpay/index.js'
import 'sparta-ui/lib/globalpay/index.css'
Vue.use(SpartaUI)

epay主题

import SpartaUI from 'sparta-ui/lib/epay/index.js'
import 'sparta-ui/lib/epay/index.css'
Vue.use(SpartaUI)

使用

使用<sp-*>即可调用sparta组件，如：

<sp-button type="primary">按钮</sp-button>

按需引入

为了组件库在项目中不会过于庞大，所以支持了按需引入。

跨境主题

import 'sparta-ui/lib/globalpay/style/index.css'
import 'sparta-ui/lib/globalpay/button/index.css'
import Button from 'sparta-ui/lib/globalpay/button/index.js'
// 初始化配置，$SPARTA 默认值是：{ THEME: 'globalpay' }
Vue.prototype.$SPARTA = {
  THEME: 'globalpay', // 主题的初始类型，目前有：globalpay、epay
  zIndex: 3000, // 弹窗的初始zIndex，默认为2000
  ... // 其它
}
// TODO，编写插件简化引入写法
Vue.use(Button)

epay主题

import 'sparta-ui/lib/epay/style/index.css'
import 'sparta-ui/lib/epay/button/index.css'
import Button from 'sparta-ui/lib/epay/button/index.js'
// 初始化配置，$SPARTA 默认值是：{ THEME: 'epay' }
Vue.prototype.$SPARTA = {
  THEME: 'epay', // 主题的初始类型，目前有：globalpay、epay
  zIndex: 3000, // 弹窗的初始zIndex，默认为2000
  ... // 其它
}
// TODO，编写插件简化引入写法
Vue.use(Button)

async-validator lodash.clonedeep lodash.debounce resize-observer-polyfill

@infinitebrahmanuniverse/nolb-spar @everything-registry/sub-chunk-2803

14 days ago

23 days ago

27 days ago

1 month ago

2 months ago

2 months ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

4 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago