登录界面错误

登录界面错误

相关代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>慕课网办公OA系统</title>
<link rel="stylesheet" href="/resources/layui/css/layui.css">
<style>
body{
background-color: #F2F2F2;
}
.oa-container{
/*background-color: white;*/
position: absolute;
width: 400px;
height: 350px;
top: 50%;
left: 50%;
padding: 20px;
margin-left: -200px;
margin-top:-175px ;
}
#username,#password{
text-align: center;
font-size: 24px;
}

</style>
</head>
<body>
<div class="oa-container">
<h1 style="text-align:center;margin-bottom:20px">慕课网办公OA系统</h1>
<form class="layui-form">
<div class="layui-form-item">
<input type="text" id="username" lay-verify="required" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input" >
</div>

<div class="layui-form-item">
<input type="password" id="password" lay-verify="required" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input" >
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="login">登录</button>
</div>


</form>
</div>
</body>
</html>

相关截图:

http://img1.sycdn.imooc.com//climg/6120bae8095a26b319200955.jpg

相关截图:

http://img1.sycdn.imooc.com//climg/6120bb1c0942dd8604810505.jpg

​这怎么会这样  我明明导入了layui了啊

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
慕慕4026817 2021-09-13 07:43:22

你解决了吗?


  • 提问者 Aubrey_bb #1
    解决了 不过是自己发现了错误的地方
    2021-09-14 16:38:11
好帮手慕阿园 2021-08-21 18:27:22

同学你好,这里是css样式没有生效,同学查看下浏览器控制台是否报错,查看下css是否正确加载到

http://img1.sycdn.imooc.com//climg/60a392a40923b83507350178.jpg

如果显示404则说明同学的加载路径有误

同学看看在项目中是不是配置了项目名导致,加载不到对应内容

http://img1.sycdn.imooc.com//climg/60a3943d0980023609890549.jpg

如果确定路径是正确的,同学检查下out目录下是否加载到对应的文件,如下

http://img1.sycdn.imooc.com//climg/6108a8f70915afdb03000259.jpg

如果没有,同学可以将out目录删除,然后重构下项目,重新启动服务器试试

http://img1.sycdn.imooc.com//climg/60a39408093c7f7b02430197.jpg

祝学习愉快~
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师