基于laravel-admin 后台 列表标签背景的使用方法


Posted in PHP onOctober 03, 2019

如下所示:

基于laravel-admin 后台 列表标签背景的使用方法

$grid->status(trans('alarm.status'))->display(function ($status) {
  if ($status==1) {
    return "<span class='label bg-red'>未处理</span>";
  }elseif ($status==2) {
    return "<span class='label bg-yellow'>处理中</span>";
  }elseif($status==3) {
    return "<span class='label bg-green'>已完成</span>";
  }else{
    return '异常';
  }
});

.bg-red    .bg-yellow   .bg-aqua   .bg-blue   .bg-light-blue   .bg-green,

.bg-navy   .bg-teal   .bg-olive   .bg-lime    .bg-orange   .bg-fuchsia   .bg-purple

.bg-maroon    .bg-black

只需把上面的类更换即可,上面的的都是可以使用的

以上这篇基于laravel-admin 后台 列表标签背景的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
PHP动态图像的创建
Oct 09 PHP
使用PHP和XSL stylesheets转换XML文档
Oct 09 PHP
简单易用的计数器(数据库)
Oct 09 PHP
div li的多行多列 无刷新分页示例代码
Oct 16 PHP
codeigniter中测试通过的分页类示例
Apr 17 PHP
phpmyadmin中禁止外网使用的方法
Nov 04 PHP
yii实现图片上传及缩略图生成的方法
Dec 04 PHP
PHP实现WebService的简单示例和实现步骤
Mar 27 PHP
php冒泡排序与快速排序实例详解
Dec 07 PHP
Windows 下安装 swoole 图文教程(php)
Jun 05 PHP
详解json在php中的应用
Sep 30 PHP
php使用fputcsv实现大数据的导出操作详解
Feb 27 PHP
浅谈laravel-admin的sortable和orderby使用问题
Oct 03 #PHP
关于laravel后台模板laravel-admin select框的使用详解
Oct 03 #PHP
laravel-admin select框默认选中的方法
Oct 03 #PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
Oct 03 #PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
Oct 03 #PHP
laravel-admin 中列表筛选方法
Oct 03 #PHP
php实现映射操作实例详解
Oct 02 #PHP
You might like
PHP4与PHP5的时间格式问题
2008/02/17 PHP
php 远程关机操作的代码
2008/12/05 PHP
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
给ECShop添加最新评论
2015/01/07 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
firebug的一个有趣现象介绍
2011/11/30 Javascript
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
2012/08/14 Javascript
JS在textarea光标处插入文本的小例子
2013/03/22 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
jQuery Chosen通用初始化
2017/03/07 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
详解vue-element Tree树形控件填坑路
2019/03/26 Javascript
解决layui批量传值到后台操作时出现传值为空的问题
2019/09/28 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python函数返回不定数量的值方法
2019/01/22 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
基于python 凸包问题的解决
2020/04/16 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
计算机应用专业推荐信
2013/11/13 职场文书
教师自荐信范文
2013/12/09 职场文书
违纪检讨书2000字
2014/02/08 职场文书
庆元旦文艺演出主持词
2014/03/27 职场文书
促销活动总结怎么写
2014/06/25 职场文书
出国留学英文自荐信
2015/03/25 职场文书
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js