https://github.com/layouwen/yixin-ui-vue

基于 Vue 的简易UI组件库
https://github.com/layouwen/yixin-ui-vue

Last synced: 2 days ago
JSON representation

基于 Vue 的简易UI组件库

• Host: GitHub
• URL: https://github.com/layouwen/yixin-ui-vue
• Owner: Layouwen
• License: mit
• Created: 2020-07-11T08:32:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T21:55:55.000Z (almost 2 years ago)
• Last Synced: 2024-10-13T01:13:30.051Z (about 1 month ago)
• Language: Vue
• Homepage:
• Size: 2.69 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Yixin-UI 易新UI框架

[![Build Status](https://travis-ci.org/Layouwen/Yixin-UI.svg?branch=master)](https://travis-ci.org/Layouwen/Yixin-UI)

## 介绍

这是一个在学习 Vue 过程中做的一个 UI 框架。希望可以对你们有所帮助。

## 开始使用

1. 添加 CSS 样式

    使用此框架前，请将`CSS`中的`border-box`开启。

    

    ```css

    *,

    *::before,

    *::after {

        box-sizing: border-box;

    }

    ```

    

    IE 8 及以上浏览器都支持此样式。

    

    以及还需要在`CSS`设置一些默认值（后续会升级为 `SCSS` 变量）

    

    ```css

    :root {

        --button-height: 32px;  // 按钮高度

        --font-size: 14px;  // 字体大小

        --button-bg: #fff;  // 按钮背景颜色

        --button-active-bg: #eee;   // 按钮激活后背景颜色

        --border-radius: 4px;   // 按钮边框角度

        --color: #333;  // 按钮中的字体颜色

        --border-color: #999;   // 按钮边框颜色

        --border-color-hover: #666; // 按钮激活后边框颜色

    }

    ```

    

    IE 15 及以上浏览器都支持此样式。

    

2. 安装 YixinUI

   ```bash

   npm i yixin-ui

   ```

3. 引入 YixinUI

    ```js

    import {Button, ButtonGroup, Icon} from 'yixin-ui'

    import 'yixin-ui/dist/index.css'

    

    export default {   

       name: 'app',

       components: {

           HelloWord,

           'g-button': Button,

           'g-icon': Icon

       }

    }

    ```

## 文档

## 提问

## 变更记录

## 联系方式

> 作者：梁又文  

> QQ：794234293  

> 微信：gdgzyw

## 贡献代码