@citiccardfe/stella

CiticCard WebApp UI Components built on Vue

Usage no npm install needed!

<script type="module">
  import citiccardfeStella from 'https://cdn.skypack.dev/@citiccardfe/stella';
</script>

README

logo

轻量、可靠的移动端 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: