NPM 包 DingTalkWeUI 使用教程

阅读时长 2 分钟读完

简介

钉钉微信小程序 WeUI 库是一款基于 Vue.js 的轻量级前端组件库,用于实现web应用程序的视图与交互,包括 button、input、dialog、toast、tabbar 等常用组件。使用它可以快速地搭建一个符合规范的企业级前端应用。

安装

在使用之前要先安装该包,只需要在终端中运行如下命令:

该命令会自动下载并安装该模块,在安装完成后就可以开始使用该模块了。

使用

引用

在需要使用该模块的脚本中引用该模块:

实例化

实例化 WeUI:

调用组件

例如,现在需要调用一个 alert 弹窗组件:

-- -------------------- ---- -------
--------------------------------- -
  ------ -----
  ------------ -----
  -------- -------- -- -
    ----------------------
  --
  ----- -------- ----- -
    ----------------
  -
--

示例代码

1. 在首页添加一个按钮,点击弹出一个 alert 弹窗组件

-- -------------------- ---- -------
------ ---- ---- --------------

------
  -------------- -------- -- -
    ----- ------------ - --- ------

    ------------------------ ----- ------ -
      ------ -----
      ------------ -----
      -------- -------- -- -
        ----------------------
      --
      ----- -------- ----- -
        ----------------
      -
    --
  -
--

以上就是介绍使用 DingTalkWeUI 的基本内容和示例代码,希望对大家学习前端技术有帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600566b381e8991b448e2fcb

纠错
反馈