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改下。记录下来留个纪念吧。

相关推荐
共享家95271 天前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
Halo_tjn1 天前
基于封装的专项 知识点
java·前端·python·算法
摘星编程1 天前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_1 天前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
2601_949868361 天前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_748229991 天前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒1 天前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..1 天前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程1 天前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js
hhy_smile1 天前
Class in Python
java·前端·python