- This project is based on vuera and mainly focuses on the encapsulation of amis-editor
- You can edit at this. The proxy mode is enabled. You can copy the JSON of amis. It supports direct rendering
yarn add vue-amis-sdk --save
<template>
<div id="app">
<vue-amis-sdk id="editorName" theme="cxd" className="is-fixed" :preview="isPreview" :isMobile="isMobile" @onChange="onChange" :value="schema" />
</div>
</template>
<script>
export default {
name: 'App',
components: {
},
data() {
return {
isPreview:false,
isMobile:false,
post: {
json: '',
amis_page_id: 15,
},
baseURL: 'https://h7ml.cn',
schema: {},
}
},
onLoad() {
},
methods: {
onChange(e) {
},
}
}
</script>
<style lang="scss">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>