1.0.1 • Published 2 years ago
edtdesign-test v1.0.1
命令
查看效果
yarn dev打包
yarn build快速上手
引入 EdtDesign
你可以引入整个 EdtDesign，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 EdtDesign。
完整引入
在 main.js 中写入以下内容：
import Vue from 'vue';
import App from './App.vue'
import edtdesign from 'edtdesign'
import 'edtdesign/lib/style/edtDesign.css'
Vue.use(edtdesign)
new Vue({
render: h => h(App)
}).$mount('#app')以上代码便完成了 EdtDesign 的引入。需要注意的是，样式文件需要单独引入。
直接引入
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="app">
<edt-button type="primary">红红火火</edt-button>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="./dist/library.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</html>