基于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脚本的10个技巧(6)
Oct 09 PHP
PHP编程之高级技巧——利用Mysql函数
Oct 09 PHP
用PHP 快速生成 Flash 动画的方法
Mar 06 PHP
php 异常处理实现代码
Mar 10 PHP
PHP 生成的XML以FLASH获取为乱码终极解决
Aug 07 PHP
php 修改、增加xml结点属性的实现代码
Oct 22 PHP
php中操作memcached缓存进行增删改查数据的实现代码
Aug 15 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
Mar 05 PHP
php线性表的入栈与出栈实例分析
Jun 12 PHP
[原创]ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法
Oct 10 PHP
ThinkPHP中where()使用方法详解
Apr 19 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
Aug 30 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
多文件上传的例子
2006/10/09 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
Laravel 5.1 on SAE环境开发教程【附项目demo源码】
2016/10/09 PHP
TinyMCE 新增本地图片上传功能
2010/11/05 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
javascript动态加载三
2012/08/22 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
jquery实现隐藏在左侧的弹性弹出菜单效果
2015/09/18 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
js仿支付宝多方框输入支付密码效果
2016/09/27 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
2020/03/03 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
[39:08]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第一场 12.12
2020/12/16 DOTA
尝试使用Python多线程抓取代理服务器IP地址的示例
2015/11/09 Python
python如何使用正则表达式的前向、后向搜索及前向搜索否定模式详解
2017/11/08 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Django contenttypes 框架详解(小结)
2018/08/13 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Python unittest基本使用方法代码实例
2020/06/29 Python
Django中ORM的基本使用教程
2020/12/22 Python
HTML5 Canvas实现放大镜效果示例
2020/03/25 HTML / CSS
法律系毕业生求职信
2014/05/28 职场文书
中国梦团日活动总结
2014/07/07 职场文书
大学新生军训自我鉴定
2014/09/18 职场文书
管理者日常工作必备:22条企业管理流程模板!
2019/07/12 职场文书
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js