Node's Pastoral Musicians

    N3-components

    2.4.5 • Public • Published

    N3-components - Powerful Vue Library.

    Shippable branch Test Coverage Gitter Code Climate npm

    N3 components library is built with Vue.js, is a powerful library for frontend or full-stack engineers to build web pages quickly.

    Home Page | 中文说明 | Documents

    Introduction

    logo

    N3 components applys oneself to structure a great ecological circle of developers using Vue.js. Supporting as follows:

    • More than 60 components. See Here

    • Personality Of Style.

    • UMD.

    • Using ES6.

    NPM

    Link:https://www.npmjs.com/package/N3-components

    npm install N3-components --save-dev

    CNPM

    Link:https://npm.taobao.org/package/N3-components

    cnpm install N3-components --save-dev

    CDN

    • js Link:https://unpkg.com/N3-components@version/dist/index.min.js (Notice the version)
    • css Link:https://unpkg.com/N3-components@version/dist/index.min.css (Notice the version)

    Quick Start

    You can install components for your global environment.

    import Vue from 'vue'
    import N3Components from 'N3-components'
    import 'N3-components/dist/index.css'
     
    // install N3
    Vue.use(N3Components)
     
    // for English  (default chinese)
    // version 2.2.0 or later
    Vue.use(N3Components, 'en')

    You can also import single component when needed.

    import Vue from 'vue'
    import N3Components from 'N3-components'
    import {n3Alert} from N3Components
     
    // set language  
    // window.n3Locale = 'en'
    //

    theme customization

    // default 
    import 'N3-components/src/style/default.less' 
    
    // theme customization
    import 'your-theme.less' 
    
    

    your-theme.less

    @import 'N3-components/src/style/common.less' 
    
    /*base color*/
    @whiteColor: #fff;
    @blackColor: #000;
    @lightBlackColor: #333;
    @grayColor: #ccc;
    @weightGrayColor: #999;
    @lightGrayColor: #eee; 
    @lightColor: #f9f9f9; 
    
    /*font color*/
    @fontColor: #555;
    
    /*theme color*/
    @primaryColor: #41cac0;
    @primaryColorhover: #39b2a9;
    @hoverColor:rgba(65, 202, 192, 0.05);
    
    /*extend color*/
    @successColor: #19d567;
    @successColorhover: #30d073;
    
    @infoColor: #2db7f5;
    @infoColorhover: #43bcf3;
    
    @dangerColor: #f50;
    @dangerColorhover: #f9702b;
    
    @warningColor: #fa0;
    @warningColorhover: #f5b73b;
    
    

    Requirements

    • vue
    • vue-focus
    • velocity-animate

    Discussing

    Contribute

    Contribute

    Change log

    Change Log

    License

    MIT

    Install

    npm i N3-components

    DownloadsWeekly Downloads

    3,209

    Version

    2.4.5

    License

    MIT

    Unpacked Size

    1.71 MB

    Total Files

    153

    Last publish

    Collaborators

    • x-cold
    • zhangking