前言

• 若依(ruoyi)： v4.3

按鈕樣式文件

static/css/style.css

按鈕樣式

.btn-default .btn-primary .btn-info .btn-success .btn-warning .btn-danger .btn-link .btn-white

按鈕樣式示例

{title: '操作',align: 'center',formatter: function(value, row, index) {var actions = [];actions.push('<a class="btn btn-default btn-xs" href="javascript:void(0)">btn-default</a><br/>');actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)">btn-primary</a><br/>');actions.push('<a class="btn btn-info btn-xs" href="javascript:void(0)">btn-info</a><br/>');actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)">btn-success</a><br/>');actions.push('<a class="btn btn-warning btn-xs" href="javascript:void(0)">btn-warning</a><br/>');actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)">btn-danger</a><br/>');actions.push('<a class="btn btn-link btn-xs" href="javascript:void(0)">btn-link</a><br/>');actions.push('<a class="btn btn-white btn-xs" href="javascript:void(0)">btn-white</a><br/>');return actions.join('');} }

效果

增加樣式

在文件 static/css/style.css 中，參照 .btn-info 添加樣式。

總結

以上是生活随笔為你收集整理的【若依(ruoyi)】按钮样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。