https://github.com/epage-team/epage-iview

基于iview组件库的epage渲染包 低代码可视化配置
https://github.com/epage-team/epage-iview

component epage epage-iview iview lowcode nocode render vue widget

Last synced: 3 months ago
JSON representation

基于iview组件库的epage渲染包 低代码可视化配置

• Host: GitHub
• URL: https://github.com/epage-team/epage-iview
• Owner: epage-team
• License: mit
• Created: 2020-02-28T15:04:59.000Z (over 4 years ago)
• Default Branch: dev
• Last Pushed: 2021-05-27T03:10:46.000Z (about 3 years ago)
• Last Synced: 2024-03-22T03:43:31.030Z (4 months ago)
• Topics: component, epage, epage-iview, iview, lowcode, nocode, render, vue, widget
• Language: Vue
• Homepage: http://epage.didichuxing.com
• Size: 274 KB
• Stars: 23
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-lowcode-component - epage-iview - 基于iview组件库的epage渲染包,低代码可视化配置

README

        
# EpageIview

基于iview组件库的 [epage](https://github.com/didichuxing/epage) 渲染包

[English Introduction](./README_EN.md) | 中文介绍

## 文档

官网：[http://epage.didichuxing.com](http://epage.didichuxing.com)

- [快速起步](http://epage.didichuxing.com/usage/#快速起步)

- [开发文档](http://epage.didichuxing.com/developer/)

- [设计器API](http://epage.didichuxing.com/developer/epage.html)

- [如何开发widget?](http://epage.didichuxing.com/developer/widget.html)

- [在线示例](http://epage.didichuxing.com/examples/)

## 演示地址

**[Demo](http://epage.didichuxing.com/examples/render.html)**

## 安装

```sh

npm install epage-iview -S

# or yarn add epage-iview

```

## 设计器及渲染器示例

-  `npm` 方式引入（推荐）

```js

import { render } from 'epage-core'

import Epage from 'epage'

import widgets, { entry } from 'epage-iview'

import 'iview/src/styles/index.less';

import 'epage/src/style/main.less'

import 'epage-iview/src/style/main.less'

import schema from './schema.json'

const el = document.getElementById('root')

// 设计器

new Epage({

  el,

  schema,

  pc: {

    widgets,

    Render: render.VueRender,

    component: entry

  }

})

// 或者创建渲染器

new render.VueRender({ el, widgets, schema, component: entry })

```

-  `script` 方式引入

```html

const el = document.getElementById('root')

const { default: widgets, entry } = EpageIview

const { render } = EpageCore

// 设计器

new Epage({

  el,

  schema,

  pc: {

    widgets,

    Render: render.VueRender,

    component: entry

  }

})

// 或者创建渲染器

new render.VueRender({ el, widgets, schema, component: entry })

```

## 交流群

QQ群



## License

[MIT](http://opensource.org/licenses/MIT)