SYSUI
文章平均质量分 87
胡向雷
我是一个热爱钻研计算机技术的青少年,从小开始对计算机有极大的兴趣。目前我专注网站前端开发领域。我还自己建立了一个前端UI框架名叫SYSUI框架,里面有我自己开发的系统后台UI界面和多个JS插件,希望能和大家合作,一同创造出属于我们自己的原创作品。
展开
-
SYSUI-自定义图表折线图代码-非svg和canvas
本示例将介绍使用SYUSI框架扩展的一个折线图图表功能模块,数据展示非svg和canvas模式,而是传统的html结构,以操作DOM处理。//引入SYSUI框架<script type="text/javascript" src="../js/SYSUI/SYSUI.js"></script>//本地地址用户可以自己去下载 下载地址:下载SYSUI.JSvar sys=new Global.SYSUI({ Module:"#themeModule",//声明的元素对象原创 2022-01-21 15:15:00 · 256 阅读 · 0 评论 -
SYSUI-自定义图表模板代码
有时候我们需要对数据进行一种图表展示效果,一般情况下我们用的最多的是插件,主要通过H5的canvas实现。图表往往是定死的样式。如果想改变样式或者添加新的功能比较困难了。这里我使用SYSUI开发一套自定义模板的图表,主要通过html+css,配合少了的js实现。以下是通过SYSUI框架实现的效果图: 事例地址:演示地址基于SYSUI开发的图表其中柱状图图表是图表中配置最简单的,只需要通过标签指令配置完成,以及css样式实现,可以自己扩展方法,可以随便修改展示的效果。下面介绍下最基本的配置:1.ht原创 2021-07-19 11:03:20 · 294 阅读 · 0 评论 -
使用SYSUI开发一个架构图代码使用说明
有时候我们需要对数据进行特殊的展示,如架构图展示,这里我们就用js编写一个功能强大但代码量少的事例。SYSUI框架下载地址:下载地址使用SYSUI前端UI框架开发一个多级架构图不限等级 如图:无等级限制,更重要的是用户可以自己编写展示的样式,点击操作,不单单如图显示。用户通过html标签来实现不一样的显示事例地址:演示地址以下为html代码中需要编辑的内容,不同在于需要配置一些标签属性来实现效果<ul class="clearfix menu-section menulist" id="原创 2021-07-16 15:36:41 · 391 阅读 · 1 评论