基本结构(分为三大部分):标题、主体和按钮
<script>
layer.confirm('你吃饭了吗?', {
title:'标题',
area:['240px','160px'],
btn:['吃了','还没']
}, function(){
}, function(){
}
)
</script>
调整标题的样式(字体大小和背景色):直接在语法中设置即可
<script>
layer.confirm('你吃饭了吗?', {
title:['信息', 'font-size:20px;background:red'],
area:['240px','160px'],
btn:['吃了','还没']
}, function(){
}, function(){
}
)
</script>
调整主体内容(你吃饭了吗?)的字体样式:在原有CSS样式上做调整
<style>
.layui-layer-dialog .layui-layer-content {
font-size: 20px !important; //字体大小; !important:提升指定样式规则的应用优先权
line-height: 24px;
overflow-x: hidden;
overflow-y: auto;
padding: 20px;
position: relative;
color: #2d2d2d;
font-weight: bold; //字体加粗
word-break: break-all;
}
</style>
调整按钮的样式(内边距和按钮上字体的大小):在原有CSS样式上做调整
<style>
.layui-layer-btn {
padding:0px 0px 15px !important; //按钮的内边距
}
.layui-layer-btn a{
font-size:18px; //按钮中字体的大小
}
</style>