代码拉取完成,页面将自动刷新
出于对前端技术更深入的了解与学习而制作的一个 UI 组件库。
Wheel-hcjv 是一套基于 Vue.js 的开源 UI 组件库,目前主要用于 PC 界面。
Wheel-hcjv 的色彩搭配以及组件的开发思路参考了一些成熟的 UI 框架(如:Element、View UI、Ant Design Vue)
目前是 Wheel-hcjv 的雏形阶段,请勿在生产环境中使用,后续时间会完成组件多样化,完善多端适配,处理多端兼容性问题。
在基于 vue-cli 的基础上使用更加便捷。
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
使用命令行进行初始化,并配置项目
vue create wheel-hcjv-demo
npm i -save wheel-hcjv
引入:
//main.js
import 'wheel-hcjv/dist/wheel-hcjv.css'
局部导入组件:
//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>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。