0.1.2 • Published 4 years ago
ad-pro v0.1.2
AD-Pro ·
description": "An enterprise-class UI design language and Vue UI library with a set of high-quality Vue components, focus on AD industry
使用 npm 或 yarn 安装
npm i ad-pro -S
yarn add ad-pro
引入 ad-pro
// main.js
import Vue from 'vue'
import App from './App.vue'
// 导入组件库
import ADPro from 'ad-pro'
import 'ad-pro/lib/ad-pro.css'
// 注册组件库
Vue.use(ADPro)
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
在你所需要的页面,引入所需组件即可:
<template>
<div>
<Button primary size='large' @onClick='handleClick'>AD Pro</Button>
</div>
</template>
<script>
import { Button } from 'ad-pro'
export default {
name: 'Demo',
data() {
return {}
},
created() {},
mounted() {},
methods: {
handleClick() {
console.log("handleClick");
}
},
computed: {},
components: {
Button
},
}
</script>
<style scoped lang="less">
</style>
运行组件 Demo
git clone https://github.com/reyun-fe-team/ad-pro.git
npm i
npm run storybook