Introduction

This library is a hands-on project, I've done with reference to several excellent component libraries.

If this project has helped you out, please support it with a star🌟.

Documentation

To check out live examples and documents, visit document

To view the source code, visit gitee

Install

Import Wheel-hcjv

It is more convenient to use based on Vue CLI.

1.install Vue CLI

vue-cli

$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli

2.Create a project

Use the command line to initialize and configure the project.

vue create wheel-hcjv-demo

3.Using the component

npm i -save wheel-hcjv

import:

//main.js
import 'wheel-hcjv/dist/wheel-hcjv.css'

Local import component:

//App.vue
<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <w-button>A default button</w-button>
  </div>
</template>

<script>
import {Button as WButton} from 'wheel-hcjv'

export default {
  name: 'App',
  components: {
    HelloWorld,
    WButton
  }
}
</script>

A list of currently available components：

• Icon
• Button
• ButtonGroup
• Cascader
• CascaderItems
• Collapse
• CollapseItem
• Row
• Col
• Nav
• NavItem
• SubNav
• Slides
• SlidesItem
• Tabs
• TabsBody
• TabsItem
• TabsHead
• TabsPanel
• Table
• Toast