简介
npm 包 mofron-comp-button-ujarak 是一个基于 mofron 框架的 button 组件，它可以为您的网站或应用程序提供漂亮的样式。mofron 是一种非常现代的前端框架，它使构建响应式和先进的 Web 应用程序变得更加容易。
mofron-comp-button-ujarak 的特点是在 button 上添加 Ujarak 动画效果，它会使按钮有一种令人印象深刻的效果体验。
安装
首先，您需要在您的项目中安装 mofron，使用以下命令：
npm install mofron
安装 mofron-comp-button-ujarak:
npm install mofron-comp-button-ujarak
如何使用
您需要在您的代码中导入 mofron 和 mofron-comp-button-ujarak，如下所示：
const mofron = require("mofron");
const UjarakButton = require("mofron-comp-button-ujarak");创建一个 UjarakButton 组件：
const btn = new UjarakButton("Click me!");把 btn 添加到您的页面中：
mofron.document.body.addChild(btn);
现在，您就可以在您的网站或应用程序上看到漂亮的 Ujarak 按钮了！
可配置项
mofron-comp-button-ujarak 提供了一些可配置项，以自定义按钮的外观和行为。
设置颜色
btn.mainColor("red");
btn.subColor("orange");设置边框样式
btn.border("solid");
btn.borderWidth(1);设置按钮大小
btn.width(100); btn.height(50);
设置文本样式
btn.text({
size: "20px",
color: "white"
});示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
-------------------------------- ------------
------- ------------------------------------------------------------------
------- --------------------------------------------------------------------------------------------------------
-------
------
--------
----- --- - --- ------------------- ------
----------
----- -------
------ -------
---
----------------------
--------------------------
-----------------------------------
---------
-------
-------运行该代码，您将在浏览器上看到一个漂亮的 Ujarak 按钮。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005722681e8991b448e850b