简介
mofron-comp-frame-center 是一个基于 mofron 框架开发的前端组件库中的一个组件。它可以提供一个居中对齐的框架容器。
安装
可以使用 npm 进行安装：
--- ------- ------------------------
使用
在项目中导入该组件：
----- ----------- - ------------------------------------
然后在 HTML 中使用如下：
---- ------------------------
在 JavaScript 中，绑定该容器：
--- ------ - --- -----------------------------
至此，一个框架容器已经创建完毕。
配置
该组件提供了多个配置项，用于展示不同的效果。以下是一些常用的配置项：
背景
--------------
--------------- - -----------
---边框
--------------
------ - -
--------------------
-------------------
--------------------
-
---圆角
--------------
------------ - ------
---大小
--------------
----- - --------
------ - -------
---阴影
--------------
--------- - -
-----------------
---------------
----------------
-
---其余配置项可以参照官方文档，实现更加个性化的设置。
示例代码
以下是完整的示例代码：
--------- -----
------
------
----- ----------------
------------------------------- ---------------
------- ----------------------------------------
------- ----------------------------------------------------------
-------
------
---- ------------------------
--------
--- ------ - --- -----------------------------
--------------
----- - --------
------ - --------
---------------- --- -- -- -----
------------ - -------
--------- - -
--- -- -- ---------
--- -- --- -------
--- -- --- --------
--
------ - -
--- -------- ---------
--- --------- -------
--- --------- --------
-
---
---------
-------
-------在浏览器中打开该示例代码，就可以看到一个带有背景、边框、圆角、大小、阴影的框架容器。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005597d81e8991b448d709c