maishine-ui v0.1.4

安装

npm i maishine-ui --save

开始使用

全局使用

// 引入所有组件
import MaishineUI from 'maishine-ui';
// 引入样式
import 'maishine-ui/dist/style.css';

import App from './App.vue';
// 全局使用
createApp(App).use(MaishineUI).mount('#app');

<template>
  <mx-button>我是 Button</mx-button>
</template>

单个导入（推荐）

Maishine-UI 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。你可以根据需要的组件按需导入，而不用全局安装所有组件，这样在项目打包的时候可以减轻资源文件的体积，提高性加载速度。

<template>
  <Button>我是 Button</Button>
</template>
<script>
import { Button } from 'maishine-ui';
export default {
  components: { Button }
};
</script>

• 动态主题：通过 PostCSS 和 CSS 变量支持快速切换主题色。
• 组件交互：支持双向绑定和事件透传，提升使用灵活性。
• 可访问性优化：注重表单组件的交互性，确保良好可访问体验。