Socket
Socket
Sign inDemoInstall

cubeshop

Package Overview
Dependencies
40
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.17 to 0.0.18

src/packages/icon/icon.svg

7

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc