octopus-test

    0.0.1 • Public • Published

    octopus - 一个 Vue UI组件

    作者: supernova_Y

    介绍

    这是我在学习 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 及以上浏览器都支持此样式。

    1. 安装 gulu
    npm i --save frank-test-1-1
    
    1. 引入 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
      }
    }
    

    文档

    提问

    变更记录

    联系方式

    贡献代码

    Keywords

    Install

    npm i octopus-test

    DownloadsWeekly Downloads

    1

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    37.9 kB

    Total Files

    21

    Last publish

    Collaborators

    • supernova_gu