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

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

epage lowcode nocode render vant widget

Last synced: 3 months ago
JSON representation

基于vant组件库的epage移动端渲染包 低代码可视化配置

• Host: GitHub
• URL: https://github.com/epage-team/epage-vant
• Owner: epage-team
• License: mit
• Created: 2020-06-03T08:08:42.000Z (about 4 years ago)
• Default Branch: dev
• Last Pushed: 2021-02-20T17:14:14.000Z (over 3 years ago)
• Last Synced: 2024-01-22T01:29:06.668Z (6 months ago)
• Topics: epage, lowcode, nocode, render, vant, widget
• Language: Vue
• Homepage: http://epage.didichuxing.com
• Size: 366 KB
• Stars: 20
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Lists

• awesome-lowcode-component - epage-vant - 基于vant组件库的epage移动端渲染包 低代码可视化配置

README

        
# EpageVant

基于vant组件库的 [epage-core](https://github.com/epage-team/epage-core) 渲染包

[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/ecosystem/#%E7%A4%BA%E4%BE%8B)**

## 安装

```sh

npm install epage-vant -S

# or yarn add epage-vant

```

## 设计器及渲染器示例

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

```js

import { render } from 'epage-core'

// 非设计可不引入

import Epage from 'epage'

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

// 非设计可不引入

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

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

import schema from './schema.json'

const el = document.getElementById('root')

// 设计器

new Epage({

  el,

  schema,

  view: 'h5',

  h5: {

    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 } = EpageVant

const { render } = EpageCore

// 设计器

new Epage({

  el,

  schema,

  view: 'h5',

  h5: {

    widgets,

    Render: render.VueRender,

    component: entry

  }

})

//创建渲染器

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

```

## 交流群

QQ群



## License

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