SUI怎么用

发布时间：2021-09-28 14:00:36 作者：小新
来源：亿速云阅读：152

这篇文章主要为大家展示了“SUI怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“SUI怎么用”这篇文章吧。

　　SUI是一套基于bootstrap开发的前端组件库简单易用，同时她也是一套设计规范。通过SUI，可以非常方便的设计和实现精美的页面。

　　简单易用的SUI文件

　　SUI文件主要有两个，分别是：

　　sui.min.css样式文件，必须。

　　sui.min.jsjs组件。因为sui的js组件依赖jquery，所以必须在sui.js之前引入jquery

　　简单易用的SUI如何渲染一个简单的页面

　　1、在html节点内加入sui的命名空间

　　<htmlxmlns

　　2、导入JSI

　　<scriptcharset="UTF-8"type="text/javascript"src="boot.js"></script>

　　3、使用JSI导入SUI

　　$import("sui.*");

　　4、初始化SUI.Engine

　　SUI.Engine.initialize();

　　5、渲染指定节点

　　SUI.Engine.render(document.body);

　　<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""　　<htmlxmlns="　　<head>

　　 <title>HelloSUI</title>

　　 <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">

　　 <scriptcharset="UTF-8"type="text/javascript"src="boot.js"></script>

以上是“SUI怎么用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！

相关阅读