简介
lunchjs 是一个基于 Vue 的 UI 库，包含了诸多常用组件，如按钮、表单、弹窗等。lunchjs 方便快捷，使用简单，尤其适合中小型项目的快速开发。
安装
使用 npm 安装 lunchjs 非常简单，只需要在终端中执行以下代码即可：
npm install lunchjs --save
快速上手
在main.js文件中引入lunchjs：
-- -------------------- ---- ------- ------ --- ---- ----- ------ ----- ---- --------- ------ ------------------------------ -------------- --- ----- --- ------- ------- - -- ------ --
如果您的项目已经使用了一些 UI 库，可以按需引入 lunchjs 组件：
-- -------------------- ---- ------- ------ --- ---- ----- ------ - ------- ------ ----- --------- ------- ----------- ------- - ---- --------- -------------------------- ------- ------------------------- ------ ------------------------ ----- ---------------------------- --------- -------------------------- ------- ------------------------- - ---------- ---------------------- - -------
示例
基础按钮
-- -------------------- ---- ------- ------------------------- --------- ------------------------------ --------- ------------------------------ --------- ------------------------------ --------- ----------------------------- --------- --------------------------- --------- ---------------------------
普通弹窗
<l-button type="primary" @click="dialogVisible = true">打开弹窗</l-button> <l-dialog :visible.sync="dialogVisible" :title="'普通弹窗'" width="50%"> <p>这里是普通弹窗的内容</p> </l-dialog>
表单验证
-- -------------------- ---- -------
----------
---- -----------------
------- ------------- -------------- ---------- ---------------------- ------------------- ------------- -----
------------ ----------- ------------
-------- ------------------------------
--------------
------------ ---------- -------------
-------- -------------------------------
--------------
------------ ---------- ----------------
-------- --------------- ----------------------------------
--------------
-------------
--------- -------------- -----------------------------------------
--------------
---------
------
-----------
--------
------ ------- -
---- -- -
------ -
----- -
----- ---
------ ---
--------- --
--
------ -
----- -
- --------- ----- -------- --------- -------- ------ --
- ---- -- ---- -- -------- ---- - - - ----- -------- ------ -
--
------ -
- --------- ----- -------- ---------- -------- ------ --
- ----- -------- -------- ------------- -------- -------- --------- -
--
--------- -
- --------- ----- -------- -------- -------- ------ --
- ---- -- ---- --- -------- ---- - - -- ----- -------- ------ -
-
-
-
--
-------- -
---------- ---------- -
------------------------------------- -- -
-- ------- -
---------------
----- ----------
-------- ------
--
- ---- -
------ -----
-
--
-
-
-
---------结语
lunchjs 是一个优秀的 Vue UI 库，具备丰富的组件和优秀的易用性，相信它会成为你日常工作中的好帮手。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b8881e8991b448d925e