Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lin-xi/playground
UI framework playground
https://github.com/lin-xi/playground
Last synced: 15 days ago
JSON representation
UI framework playground
- Host: GitHub
- URL: https://github.com/lin-xi/playground
- Owner: lin-xi
- Created: 2018-05-31T06:41:06.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-24T07:55:57.000Z (over 3 years ago)
- Last Synced: 2024-11-11T09:44:24.712Z (2 months ago)
- Language: HTML
- Size: 949 KB
- Stars: 54
- Watchers: 3
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
--------
# UI framework playground
Config the component with the mouse through WYSWYG， have fun！
+ config library.config.js
+ npm run dev
+ open http://localhost:8800
## UI framework configaration
**library.config.js**
```js
module.exports = {
name: 'ELEMENT', // UI framework Name
url: 'https://unpkg.com/element-ui/lib/index.js', // UI framework UMD module path
style: 'https://unpkg.com/element-ui/lib/theme-chalk/index.css', // UI framework theme
components: [
{
name: 'Button', //Componnet Name
title: '按钮', //Decription Name
image: '', //Icon
property: [ //Componnet props
{
name: 'size', //props name
title: '尺寸', //props description name
type: 'enum', //type, text, number, object, enum, switch are supported
values: [ //if type is enum, values are enumerated options
{label: '中', value: 'medium'},
{label: '小', value: 'small'},
{label: '迷你', value: 'mini'},
],
value: 'medium' //default value of props
},
]
}
...
]
}
```
### Component Configaration
| 名称 | 描述 | 默认值 | 可选值 |
|:---------:|:-----------|:----------|:-----------|
| name | 属性名称 | - | - |
| title | 属性描述 | - | - |
| type | 类型 | - | text 文本型
number 数字型
object 对象
enum 枚举型
switch 布尔型 |
| value | 默认值 | - | - |
| values | 枚举的值，只有当类型为enum是有效 | - | - |
## Screenshot
### Element
