# lemonUI

**Repository Path**: Ximg/lemon-ui

## Basic Information

- **Project Name**: lemonUI
- **Description**: 基于Vue2.0  UI轮子
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-05-01
- **Last Updated**: 2023-06-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<p align="center">
    <a href="https://gitee.com/Ximg/lemon-ui"><img src="https://badge.fury.io/js/init-ui.svg" alt="npm version" height="18"></a>
    <img alt="Travis (.org)" src="https://img.shields.io/travis/wh2887/init-ui">
</p>

作者： Ming

## 介绍
这是随便做做的UI框架
## 开始使用
1. 添加 CSS 样式
    使用本框架前，请在 CSS 中开启 border-box
    ```css
    *,*::before,*::after{box-sizing:border-box}
    ```
    IE 15 及以上浏览器都支持此样式
    
2. 安装 lemon-vue
    ```
    npm i --save lemon-vue
    ```
3. 引入 init-ui
    ```javascript
    import { Button, ButtonGroup, Icon, Input, Row, Col, Nav, Layout, Content, Footer, Header, Sider, plugin, Popover, Tabs, TabsHead, TabsBody, TabsItem, TabsPane, Collapse, CollapseItem} from 'lemon-vue'
    import  "lemon-vue/dist/index.css"
    import Vue from 'vue'
    Vue.use(plugin)
    
    export default {
      name: 'app',
      components: {
            'lm-button':Button,
            'lm-icon':Icon,
            'lm-button-group':ButtonGroup,
            'lm-col':Col,
            'lm-collapse':Collapse,
            'lm-collapse-item':CollapseItem,
            'lm-content': Content,
            'lm-footer': Footer,
            'lm-header': Header,
            'lm-input': Input,
            'lm-layout': Layout,
            'lm-popover': Popover,
            'lm-row': Row,
            'lm-sider': Sider,
            'lm-tabs': Tabs,
            'lm-tabs-head': TabsHead,
            'lm-tabs-body': TabsBody,
            'lm-tabs-item': TabsItem,
            'lm-tabs-pane': TabsPane,
            'lm-toast': Toast,
     }
    }
    ```
## 文档
[lemonUI 官方文档](http://docs.mgblog.cn/)
## 提问
[issues](https://gitee.com/Ximg/lemon-ui/issues)
## 变更记录

## 联系方式

## 贡献代码

## 警告处理
有可能出现`Critical dependency: the request of a dependency is an expression`的警告，解决此问题的解决办法如下向webpack.base.conf.js文件中添加以下配置
```js
//解决Critical dependency: require function is used in a way in which dependencies cannot be statically extracted的问题
unknownContextCritical : false,
//解决the request of a dependency is an expression
exprContextCritical: false,
```