Overview:

XMUI is a reusable UI component library developed based on Vue 2+. It is designed for company products and is suitable for both mobile and PC platforms. The library includes basic and application components, which are continuously being improved. XMUI is developed using the Vue official workflow and supports extending with ES6. It is recommended to use the “prerender-spa-plugin” plugin for SEO purposes.

Features:

• Reusable UI components: The library offers a wide range of reusable UI components, including buttons, tags, forms, grids, modals, and more.
• Mobile and PC compatibility: XMUI is suitable for both mobile and PC platforms, making it versatile for various projects.
• Integration with popular libraries: The library is integrated with Axios, Dayjs, and Vuex, providing additional functionality and convenience.

Installation:

To install XMUI, follow these steps:

1. Global import: In the webpack entry file main.js, add the following configuration:

   import XMUI from 'xmui'
   import 'xmui/dist/xmui.css'
   Vue.use(XMUI)
   

2. On-demand import: In the entry file main.js or within components, add the following configuration:

   import { Button, Tag, Form } from 'xmui'
   import 'xmui/dist/xmui.css'
   Vue.component('xm-button', Button)
   Vue.component('xm-tag', Tag)
   Vue.component('xm-form', Form)
   

For more details, refer to the online documentation.

Summary:

XMUI is a versatile UI component library developed with Vue 2+. It offers a variety of reusable components suitable for mobile and PC platforms. The library is integrated with popular libraries like Axios, Dayjs, and Vuex. Installation is simple, and the documentation provides further instructions on usage. XMUI is continuously improving its components and documentation.