在线考试系统 菜单管理使用图标组件

本文介绍了如何在在线考试系统的菜单管理中使用图标组件。通过引入JS文件,添加input输入框并初始化页面,实现了选择图标的便捷功能。系统支持超过2000个图标供用户选择,提供强大的自定义能力。
摘要由CSDN通过智能技术生成

图标组件,这个内容一般用到的地方比较少,但是在权限系统里面 并不陌生,在添加菜单的时候,就会用到图标组件,如果单纯是 手动输入组件的名称。那肯定很悲催,所有在考试系统里面,这个选择图标的的功能,就必须得实现。那怎么实现呢,其实实现起来也非常的简单。

(1)引入对于的JS文件

<link rel="stylesheet" th:href="@{/static/js/plugins/icon/bootstrap-iconpicker.css}">
<script type="text/javascript"  th:src="@{/static/js/plugins/icon/bootstrap-iconpicker.js}">     </script>

(2)在页面中 添加input输入框

  <!-- 角色描述-->
   <div class=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值