@citiccardfe/stella

轻量、可靠的移动端 Vue 组件库

🔥 文档网站

---

特性

• 60+ 个组件
• 90% 单元测试覆盖率
• 完善的文档和示例
• 支持按需引入
• 支持主题定制

安装

# 通过 npm 安装
npm i @citiccardfe/stella -S

快速上手

import Vue from 'vue';
import { Button } from '@citiccardfe/stella';
import 'stella/lib/index.css';

Vue.use(Button);

stella 也支持按需引入、CDN 引入等方式，详细说明见 快速上手.

贡献代码

注意，本项目单独配置了.npmrc文件，指定了npm-registry的地址。执行npm install前，请确认其为 http://22.104.102.195/repository/npm-public

组件库的升级需要进行如下操作

1.代码修改好后,修改package.json中的项目版本

{
  "name": "@citiccardfe/stella",
  // 版本号按实际情况提升
  "version": "1.0.8",
  "description": "CiticCard WebApp UI Components built on Vue",
  ...

2.执行打包命令

# build:site - 生成网页文档, build:lib - 生成组件库
npm run build:site && npm run build:lib

3.执行发布命令

# 注意，项目单独配置了.npmrc文件，发布时，请确认registry参数是否对应了内网库
npm publish

4.代码提交

# commit内容按规范填写
git add . && git commit -m "feat: new component xxx." && git push

5.jenkins启动构建，组件库升级完成

浏览器支持

现代浏览器以及 Android 4.0+, iOS 6+.

手机预览

可以手机扫码以下二维码访问手机端 demo：