Comparing version 0.0.17 to 0.0.18
{ | ||
"name": "cubeshop", | ||
"version": "0.0.17", | ||
"version": "0.0.18", | ||
"description": "Mobile UI Components built on Web Components.", | ||
@@ -11,3 +11,2 @@ "main": "src/index.js", | ||
"src/index.js", | ||
"dist", | ||
"README.md", | ||
@@ -17,4 +16,6 @@ "package.json" | ||
"scripts": { | ||
"dev": "npm run checked && vite --open --force", | ||
"build:site": "npm run checked && vite build && npm run copy", | ||
"copy": "node cs/copy.js", | ||
"checked": "npm run generate:file && tsc", | ||
"dev": "npm run checked && vite --open --force", | ||
"build": "npm run checked && vite build --config vite.config.build.ts && npm run generate:types", | ||
@@ -21,0 +22,0 @@ "serve": "vite preview", |
# Cubeshop | ||
Cubeshop 是一个基于 Web Components 的 UI 组件库。它是一个不局限于框架的组件复用(可在 Angular、React、Vue 等跨技术栈使用)。 | ||
Cubeshop 是一个基于 Web Components 的跨框架 UI 组件库,输出标准的 Custom Element,组件可以同时在 React、Vue、Preact、Angular 或 原生 JS 等任意框架或无框架中使用。 | ||
![image](https://miro.medium.com/max/2000/1*-zkpV1IfOv-1dux6ZqWBCQ.png) | ||
Image from [codeburst](https://codeburst.io/building-efficient-components-6ee2bdaea542) by [@webrealizer](https://twitter.com/webrealizer) | ||
## Features | ||
- Fast. | ||
- Web Components. | ||
- Simple. | ||
- 支持Vue、React、Angular,技术栈无关 | ||
- 基于 Web Components. | ||
- 简单、速度快 | ||
## 安装使用 | ||
具体安装使用方法请参考 Cubeshop 官网 https://allan2coder.github.io/cubeshop | ||
## CDN 使用 | ||
@@ -24,3 +26,5 @@ | ||
敬请期待...... | ||
```js | ||
import 'cubeshop'; | ||
``` | ||
@@ -27,0 +31,0 @@ ## Vue/React 中使用 |
@@ -11,6 +11,6 @@ # Card 卡片 | ||
<cs-card | ||
title='2021-02-08 12:00 | 单车' | ||
content='2分50秒' | ||
cash='1元' | ||
desc='已完成' | ||
title='This is title' | ||
cash='Tips' | ||
content='This is content of `Card`' | ||
desc='footer content' | ||
></cs-card> | ||
@@ -17,0 +17,0 @@ ``` |
@@ -15,2 +15,13 @@ # 加载动画 Loading | ||
### 尺寸大小 | ||
通过 `size` 属性用来设置 `loading` 的尺寸大小,默认单位为 `px`。 | ||
```html | ||
<cs-loading size="20"></cs-loading> | ||
<cs-loading size="30"></cs-loading> | ||
<cs-loading size="40"></cs-loading> | ||
``` | ||
### loading 颜色 | ||
@@ -26,12 +37,3 @@ | ||
### 尺寸大小 | ||
通过 `size` 属性用来设置 `loading` 的尺寸大小,默认单位为 `px`。 | ||
```html | ||
<cs-loading size="20"></cs-loading> | ||
<cs-loading size="30"></cs-loading> | ||
<cs-loading size="40"></cs-loading> | ||
``` | ||
## API | ||
@@ -38,0 +40,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
954671
58
3324
200