layui窗口标题

公司有个老系统是基于layui开发的,layui是vue,react之前一代比较火的框架之一。layui的窗口标题有多种设置方式,比较有特色,特列出如下:

1、关闭标题栏

title: false, // 不显示标题栏

2、纯文本标题

这个最常用:

title: '用户管理', // 简单文本标题

3、HTML 标题

可以利用html语法进行各种修饰,如改颜色,加图标等

4、自定义标题栏

title: [

'自定义标题栏',

'background-color: #1E9FFF; color: white; padding: 15px;'

], // [标题文本, 标题栏样式]

不如HTML标题方便灵活

5、编程修改

var index = layer.open

layer.title('动态标题', index);

一般配合定时器来用。

这套程序很快会使用VUE改下。记录下来留个纪念吧。

相关推荐
xcLeigh4 小时前
HTML5实现好看的视频播放器(三种风格,附源码)
前端·音视频·html5
TE-茶叶蛋4 小时前
html5-qrcode扫码功能
前端·html·html5
2501_906467635 小时前
HTML5结合Vue3实现百万文件分块上传的思路是什么?
前端·html·html5·vue上传解决方案·vue断点续传·vue分片上传下载·vue分块上传下载
San30.5 小时前
现代前端工程化实战:从 Vite 到 React Router demo的构建之旅
前端·react.js·前端框架
kirinlau5 小时前
vue3+vite+scss项目使用tailwindcss
前端·css·scss
阿贾克斯的黎明5 小时前
现代前端的魔法标签:HTML5 语义化标签全解析
前端·html·html5
菠菜盼娣5 小时前
vue3知识点
前端·vue.js
JIngJaneIL5 小时前
基于java+ vue建筑材料管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
土豆12505 小时前
终端自治时代的 AI 开发范式:Claude Code CLI 全方位实操指南
前端·人工智能·程序员