unigui中使用bootstrap文件

最新推荐文章于 2022-04-09 16:08:11 发布

原创

最新推荐文章于 2022-04-09 16:08:11 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #unisyntaxedit #customfile

本文介绍如何在ServerModule中引入Bootstrap资源，利用unisyntaxedit组件实现动态标签展示，以及通过unilabel和unibutton组件更新显示内容，实现更美观的用户界面。

1、ServerModule中的customfiles属性中加入：

https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css
https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js

2、在form中加入unisyntaxedit的组件，并在lines属性中输入。

visible:=false;

<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>