简介
ppdvux 是一个基于 Vue.js 的 UI 组件库，能够快速搭建页面，并且拥有非常好的可定制性。本文将介绍如何使用 ppdvux。
安装
使用 npm 安装，命令如下：
npm install ppdvux
使用
在 main.js 中引入：
import Vue from 'vue' import ppdvux from 'ppdvux' Vue.use(ppdvux)
在需要使用组件的地方，直接使用组件标签即可，比如：
<template> <div> <pp-button>点击我</pp-button> </div> </template>
组件使用示例
按钮组件
-- -------------------- ---- -------
----------
-----
---------------------------
---------- -------------------------------
---------- -------------------------------
---------- -------------------------------
---------- ------------------------------
------
-----------表单组件
-- -------------------- ---- -------
----------
-----
--------- -------------------------------
---------- ------------------ --------------------------------
--------------- -------------------- -----------------------------------------
------------------ ----------------------- -----------------------------------------------
------
-----------
--------
------ ------- -
------ -
------ -
-------- -- ------ ------ ------ --- -- - ------ ------ ------ --- ---
----------- ---
------------- -- ------ ------ ------ --- -- - ------ ------ ------ --- ---
-------------- ---
---------------- -- ------ ------ ------ --- -- - ------ ------ ------ --- --
-
-
-
---------菜单组件
-- -------------------- ---- -------
----------
-----
-------- ------------------
--------------------------------
------------ ------------
---------------------------------
---------------------------------
--------------
--------------------------------
----------
------
-----------可定制性
ppdvux 拥有非常好的可定制性，大部分组件的样式都是基于 SASS 的变量，可以很方便的修改组件样式。
例如，你想修改输入框的默认边框颜色，只需要在你项目的 SASS 文件中重新定义 $input-border-color 变量即可。
$--color-primary: #1890ff; $--input-border-color: $--color-primary;
总结
ppdvux 是一个非常好的 UI 组件库，能够快速搭建页面，拥有非常好的可定制性，相信在实际开发中也会给大家带来很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056e9481e8991b448e7553