https://github.com/botshen/xinui

https://github.com/botshen/xinui

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/botshen/xinui
• Owner: botshen
• License: mit
• Created: 2021-08-20T15:29:18.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2021-08-23T14:37:59.000Z (almost 5 years ago)
• Last Synced: 2024-04-26T03:44:09.983Z (about 2 years ago)
• Language: JavaScript
• Size: 324 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 鑫 UI - 一个 Vue UI 组件

[![Build Status](https://app.travis-ci.com/botshen/xinUI.svg?branch=master)](https://app.travis-ci.com/botshen/xinUI)

## 介绍

这是我在学习 Vue 过程中做的一个 UI 框架，希望对你有用。

## 开始使用

1. 添加 CSS 样式

   使用本框架前，请在 CSS 中开启 border-box

  ```

  *,*::before,*::after{box-sizing: border-box;}

  ```

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

你还需要设置默认颜色等变量（后续会改为 SCSS 变量）

  ```

  html {

    --button-height: 32px;

    --font-size: 14px;

    --button-bg: white;

    --button-active-bg: #eee;

    --border-radius: 4px;

    --color: #333;

    --border-color: #999;

    --border-color-hover: #666;

  }

  ```

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

2. 安装 gulu

  ```

  npm i --save frank-test-1-1

  ```

3. 引入 gulu

  ```

  import {Button, ButtonGroup, Icon} from 'frank-test-1-1'

  import 'frank-test-1-1/dist/index.css'

  export default {

    name: 'app',

    components: {

      'g-button': Button,

      'g-icon': Icon

    }

  }

  ```

## 文档

## 提问

## 变更记录

## 联系方式

## 贡献代码