sparta-ui

介绍

命名由来

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

特性

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

贡献者开发时注意

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

安装

npm install sparta-ui --save

快速上手

引入

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

跨境主题

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

epay主题

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

使用

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

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

按需引入

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

跨境主题

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

epay主题

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