aki_vue3_ui

aki-vue3-ui

这个是aki同学的，放在npm上的，vue3的组件。

使用方法

# 安装方法
npm install aki-vue3-ui -s

# 在main.js引入
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'
import akiui from 'aki_vue3_ui'
import 'aki_vue3_ui/lib/aki_vue3_ui.css'
const app = createApp(App)
//组件注册
app.use(akiui)
app.mount('#app')

# 在*.vue使用
<btn1>xxxx</btn1>
<btn2>xxxx</btn2>

组件说明

按钮

// 以下是按钮
 <aki-btn-1 @btnClick="aaa"
                   :fontSize="'40px'" :color1="'#08f3eb'" :color2="'#eb08f3'"
                   style="height: 150px;width: 300px;">
	<div style="font-size: 30px;">按钮文字</div>
</aki-btn-1>
<aki-btn-2 @btnClick="aaa" :bgColor="'#0827f3'" style="height: 100px;width: 300px;">
	<div>哈哈哈哈</div>
</aki-btn-2>

// 这是一个加边框+居中组件，myPadding 边距
<aki-center-box :imageUrl="imageUrl" myPadding="10px">
	<div>
		<div>eeeee</div>
		<div>eeeee</div>
		<div>eeeee</div>
	</div>
</aki-center-box>