v3-emoonui v0.0.6

eMoonUI

基于vue3的组件库

安装

• 下载库

npm install v3-emoonui -D

• 更新库

npm install v3-emoonui@latest

• 全局引入

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import eMoonUI from 'v3-emoonui'
import 'v3-emoonui/es/style.css'

createApp(App).use(eMoonUI).mount('#app')

eMoonDialog组件

弹窗组件 支持拖拽-缩放-窗口化-全屏

• 使用示例

<script setup lang="ts">
import { reactive } from 'vue'

const dialog = reactive({
  config: {
    visible: false,
  },
  open() {
    dialog.config.visible = true
  },
  close() {
    dialog.config.visible = false
  }
})
</script>
<template>
  <ul>
    <li><button @click="dialog.open">显示弹窗</button></li>
    <li><button @click="dialog.close">隐藏弹窗</button></li>
  </ul>
  <eMoonDialog title="标题1" v-model:visible="dialog.config.visible" @close="dialog.close">
    内容
  </eMoonDialog>
</template>

• 属性

• emit方法

• css变量