larvael dcat-admin 表单设置自定义样式

news2024/10/6 16:23:47
表单有些不是自己想要的样式想要覆写或者增加 可以如下

 

public function form() {


    ​​​​​​​$this->column(6,  function () {
        $this->dateRange('order_created_at.start', 'order_created_at.end')
            ->label('下单时间')
            ->setLabelClass(['input-group']) // 设置样式
            ->setFieldClass(['field_date_range_left45']); // 自定义样式
    });
}

可以setLabelClass 和 setFieldClass 设置样式

自定义field_date_range_left45样式的引入 如下

  1. 创建自定义 CSS 文件

首先,创建一个名为 custom.css 的 CSS 文件,用以存放你的自定义样式。可以将其放置在 public/css 目录下。

 

1、编写自定义样式的 CSS 样式

custom.css 文件中编写你的自定义样式。以下是一个例子,可以将 label 的位置向左移动

/**
  自定义表单 日期范围的样式
 */
.field_date_range_left45 {
    margin-left: -45px;
}

2、引入自定义 CSS 文件

最后,在 app/Admin/bootstrap.php 文件中引入你的自定义 CSS 文件

 3、设置样式

setFieldClass(['field_date_range_left45'])

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/589124.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

盘点几个实现VLAN间路由的好方法

在真实的网络中,常常需要跨VLAN通信。 许多网络工作者通常选择一些方法来实现不同VLAN中的主机之间的相互访问,如单臂路由。 然而,由于单臂路由技术的一些限制,如带宽和转发效率,这种技术是很少使用。 三层交换机在…

SpringBoot 集成WebSocket详解

感谢参考文章的博主,关于WebSocket概述和使用写的都很详细,这里结合自己的理解,整理了一下。 一、WebSocket概述 1、WebSocket简介 WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器…

一文详解 Sa-Token 中的 SaSession 对象

Sa-Token 是一个轻量级 java 权限认证框架,主要解决登录认证、权限认证、单点登录、OAuth2、微服务网关鉴权 等一系列权限相关问题。 Gitee 开源地址:https://gitee.com/dromara/sa-token 本文将详细介绍 Sa-Token 中的不同 SaSession 对象的区别&#x…

由jar包冲突导致的logback日志不输出

一、前言 最近升级一个老项目,发面日志没有按照预期的生成。 1、resource下面有logback配置但没有生成日志 检查resource目录下,发现有logback.xml配置,但部署在服务器的项目没有按配置生成日志。于是启动本地tomcat发现日志按logback配置…

【创造一个源点去建图】【有等级限制的dijkstra(采用多次dijk方法处理)】昂贵的聘礼

昂贵的聘礼 题意分析 原题链接 题意分析 本题需要注意: 等级限制比较复杂,可以最后考虑本题说 由 B物品 可以换 A物品,想到了B节点可以走到A节点,所以构建图由于我们是要买一个点再开始换的,所以我们可以构建一个源点…

bird 2023 比赛总结

1. 引言 📌 参加这场比赛的时间,应该是还剩一个月不到了,本来没啥想法,因为在忙一些其它的比赛或者是工作和个人上的烦心事,不过在看过了赛题分析后,整体给我感观是一道挺有意思的学习赛,不仅仅…

ESP32-CAM开发板 使用 sqlite3 数据库存储数据记录

忘记过去,超越自己 ❤️ 博客主页 单片机菜鸟哥,一个野生非专业硬件IOT爱好者 ❤️❤️ 本篇创建记录 2023-05-29 ❤️❤️ 本篇更新记录 2023-05-29 ❤️🎉 欢迎关注 🔎点赞 👍收藏 ⭐️留言📝&#x1f64…

Python - Pycharm 配置 autopep8 并设置快捷键

什么是 PEP8 官方:PEP 8 – Style Guide for Python Code | peps.python.org 中文翻译博客:https://www.cnblogs.com/ajianbeyourself/p/4377933.html PEP8 是 Python 官方推出的一套编码的规范,只要代码不符合它的规范,就会有…

iOS unable to find utility “pngcrush“, not a developer tool or in PATH

0x00 奇怪的Bug 很奇怪,还很蛋疼 T_T 前一秒还能 Build 成功,运行 后一秒直接 GG sh -c /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -sdk /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/S…

Win10系统更新时不小心中断了无法启动怎么办?

Win10系统更新时不小心中断了无法启动怎么办?有用户使用的Win10系统电脑在进行系统更新的时候,被自己误触了电脑导致更新进程中断了。那么遇到这样的情况我们怎么去进行问题的解决呢?接下来我们一起来看看以下的解决方法吧。 准备工作&#x…

flink写mysql报错Could not retrieve transation read-only status server

事务隔离级别前提下还是报错 SET GLOBAL tx_isolationREAD-COMMITTED; show global variables like wait timeout; 发现mysql是8小时。如果flnk超过8小时没有发送数据,invoke将会导致 mysql主动断开连接,而java侧并无感知。 解决问题,在使…

Benewake(北醒) TFmini-i-485/TF02-i-485/TF03-485 雷达Modbus协议在Python Tkinter模块上实现功能配置的GUI设计

目录 实验目的测试环境Python库需求Benewake(北醒) TF雷达接线示意图库安装说明例程运行展示 实验目的 实现485接口系列雷达Modbus协议在Python下Tkinter模块实现功能配置的GUI设计。 本例程主要功能如下: 1.设备连接(已知雷达设备的波特率和站号&#…

C++11 auto类型推导

1.类型推导 C11引入了auto 和 decltype 关键字实现类型推导,通过这两个关键字不仅能方便地获取复杂的类型,而且还能简化书写,提高编码效率。 auto 类型推导的语法和规则 在之前的 C 版本中,auto 关键字用来指明变量的存储类型…

SSL/TLS协议核心原理解析与实战

什么是SSL/TLS SSL(secure sockets layer,安全套接层)安全传输技术。TCP是传输层的协议,但是它是明文传输的,是不安全的。SSL的诞生给TCP加了一层保险,为TCP通信提供安全及数据完整性保护。TLS只是SSL的升…

软件测试银行金融项目如何测?看看资深测试老鸟的总结,一篇足够...

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 自动化测试&#x…

如何获取ios打包证书

要获取ios证书,需要去苹果开发者中心注册苹果开发者账号,百度苹果开发者中心即可进入苹果开发者中心官网。 假如你还从来没注册过苹果开发者,你可以参考下面这篇文章先注册成为苹果开发者,必须要有苹果开发者账号才能生成ios打包…

电商客户消费预测模型-基于数千万真实在线零售数据__企业调研_论文科研_毕业设计

之前发过 《谁主沉浮?银行,消金,互联网公司的精准营销_智慧营销完全解读》介绍了智慧营销/精准营销目的是降低运营成本。但精准营销可以带来很多额外收益,例如提高销售利润,提高客户忠诚度,降低客户流失率&…

MySQL的登录与退出(图文讲解)

MySQL的登录 前言一、服务的启动与停止1、方式1:使用图形界面工具2、方式2:使用命令行工具 二、自带客户端的登录与退出1、登录方式1:MySQL自带客户端2、登录方式2:windows命令行3、退出登录 前言 本博主将用CSDN记录软件开发求学…

越秀地产K2流程平台年度报告出炉,来看看“别人家”的流程平台

前不久,越秀地产K2流程平台2022年度运营报告新鲜出炉,K2流程平台再次递交出色成绩单。 2022年,越秀地产在K2流程平台上审批完成的流程共计103万条,日均发起流程数达2800条,日均点击量5万。在大体量、高负荷情形下&…

moment获取指定日期的周x,某月最后一天

安装了moment插件的情况下,使用moment处理时间,原生的Date对象是另一回事。 非官方中文网-文档 1 当前时间 moment() 2 格式化时间 YYYY/yyyy 四位数年份 MM 两位数月份 DD 两位数天 moment().format("YYYY MM DD") 2023 05 26 moment().…