0.0.29 • Published 4 years ago
yh5-psd-loader v0.0.29
基于 Vue 2.0 快速搭建中后台（hpaPaaS平台）数据驱动、可视化编辑的组件库
Webpack 使用
- 安装:
npm install --save yh5- 添加至你的vue应用:
import Vue from 'vue'
import Yh5 from 'yh5'
Vue.use(Yh5)CDN 使用
简单使用
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/yh5/dist/yh5.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/yh5/dist/yh5.min.js"></script>
<!-- v-swiper 依赖 vue-awesome-swiper -->
<!--<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/css/swiper.min.css" rel="stylesheet">-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.7/js/swiper.min.js"></script>-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue-awesome-swiper@3.1.2/dist/vue-awesome-swiper.js"></script>-->
</head>
<body>
<div id="app">
<v-canvas
height="100vh"
width="100vw"
v-model="data"
editable
absolute
>
</v-canvas>
</div>
<script>
new Vue({
el: '#app',
data: {
data: [
{
tag: 'img',
src: 'https://picsum.photos/id/11/500/300',
width: 300,
height: 300,
}
]
},
})
</script>
</body>
</html>文档
https://qq15725.github.io/yh5/