layui结合php制作登录界面,利用layui框架做登陆页面

本文介绍了一个使用layui框架构建登录页面的过程,包括页面样式设置和元素布局。作者提到layui简单易用,但长期使用可能导致原生布局技能退化。文章以一段具体的CSS代码为例展示了页面设计,并得到了批改老师的反馈,指出layui在实际项目中应用不多,提醒注意平衡技术使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

摘要:

   登陆页面    登陆页面

body{background:#007457;}

.header{box-shadow:0 0  20px  #333;height:110px;}

h1{color:#fff;display: inline-block; margin-left: 20px;line-height: 110px; }

.connet{width:600px;height:300px; margin:180px  auto 0px;background: #f2f2f2; box-shadow:5px 5px  20px #333333;}

.connet_nav{padding:20px 30px; color:#009688;}

.layui-form{margin-top:20px;}

.layui-form-item{margin-bottom:20px;}

.layui-btn{margin-left:150px;}

       gonghui.png

西藏烟草行业“五一”劳动知识竞赛题库抽取系统

登陆系统


登陆名:

密码:

登陆

$(function () {

})

//总结:一直没太高董layui,学了一点后发现,其实简单,就是再官网上看一些效果,然后class复制过来就可以,但是有个缺点就是用久了可能要忘记原生布局了。

批改老师:灭绝师太批改时间:2019-03-26 16:49:31

老师总结:layui只是简单的补丁是框架,实际项目中用的不多,不要顾此失彼哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值