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)