Skip to content

Latest commit

 

History

History
105 lines (80 loc) · 2.64 KB

README_EN.md

File metadata and controls

105 lines (80 loc) · 2.64 KB
Raw

EpageIview

iview based epage rendering package

English Introduction | 中文介绍

Documents

Official website：http://epage.didichuxing.com

Demo

Demo

Install

npm install epage-iview -S
# or yarn add epage-iview

Usage

  • npm (recommend)
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')
// Instantiate Designer
new Epage({
  el,
  schema,
  pc: {
    widgets,
    Render: render.VueRender,
    component: entry
  }
})
// or create Render
new render.VueRender({ el, widgets, schema, component: entry })
  • script
<!-- third-party style -->
<link href='https://cdn.bootcss.com/iview/3.5.1/styles/iview.css' rel='stylesheet'></link>
<link href='./epage.css' rel='stylesheet'></link>
<link href='./epage-iview.css' rel='stylesheet'></link>

<!-- third lib -->
<script src='https://cdn.bootcss.com/vue/2.6.10/vue.min.js' ></script>
<script src='https://cdn.bootcss.com/vuex/3.1.1/vuex.min.js' ></script>
<script src='https://cdn.bootcss.com/iview/3.5.1/iview.min.js' ></script>
<!-- The following two scripts are only needed for new Epage, not for new Render -->
<script src='//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js' ></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js' ></script>

<script src="./epage-core.min.js"></script>
<script src="./epage.min.js"></script>
<script src="./epage-iview.min.js"></script>

<script>
const el = document.getElementById('root')
const { default: widgets, entry } = EpageIview
const { render } = EpageCore

// Instantiate Designer
new Epage({
  el,
  schema,
  pc: {
    widgets,
    Render: render.VueRender,
    component: entry
  }
})
// or create Render
new render.VueRender({ el, widgets, schema, component: entry })
</script>

Communication Group

QQ group

License

MIT