仿站效果图
仿PHP中文网手机端首页代码
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>php中文网</title> <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" /> <meta name="applicable-device" content="mobile" /> <link rel="canonical" href="https://www.php.cn/" /> <link rel="stylesheet" href="static/css/layui.css" /> <link rel="stylesheet" href="static/css/style.css" /> <style> .layui-carousel .layui-this a { height: 100%; } .course-list ul li:last-child { margin-bottom: 10px; } </style> </head> <body> <div class="public-top"> <li class="f-left login"> <a href="#"> <img src="static/picture/login.png" /> </a> </li> <li class="logo"> <a href="/"> <img class="f-fl img" src="static/picture/logo.png" height="45" width="94" /> </a> </li> </div> <div class="layui-carousel mt-40" id="banner"> <div carousel-item> <div class="index"> <a href="https://www.php.cn/mk.html?t=4"> <img src="static/picture/612c7ec3a7d83959.png" height="100%" width="100%" alt="php中文网线上直播班" /> </a> </div> <div> <a href="/app/"> <img src="static/picture/608a641a44d26281.png" height="100%" width="100%" alt="php中文网APP下载" /> </a> </div> <div> <a href="/map/dugu.html"> <img src="static/picture/1.jpg" width="100%" height="100%" alt="《独孤九贱》系列php web开发视频教程" /> </a> </div> <div> <a href="/toutiao.html"> <img src="static/picture/2.jpg" width="100%" height="100%" alt="PHP资讯头条" /> </a> </div> </div> </div> <div class="menu layui-clear" id="menu"> <ul class="php-left-li layui-clear"> <li> <a href="#"> <img src="static/picture/html.png" /> HTML/CSS </a> </li> <li> <a href="#"> <img src="static/picture/javascript.png" /> JavaScript </a> </li> <li> <a href="#"> <img src="static/picture/code.png" /> 服务端 </a> </li> <li> <a href="#"> <img src="static/picture/sql.png" /> 数据库 </a> </li> <li> <a href="#"> <img src="static/picture/app.png" /> 移动端 </a> </li> <li> <a href="#"> <img src="static/picture/manual.png" /> 手册 </a> </li> <li> <a href="#"> <img src="static/picture/tool2.png" /> 工具 </a> </li> <li> <a href="#"> <img src="static/picture/live.png" /> 直播 </a> </li> </ul> </div> <div class="course-list layui-clear mt-20"> <h3>推荐课程</h3> <div class="course-box"> <div class="box f-left"> <a href="#"> <img src="static/picture/5e0d82773b4fe808.png" /> <h2> <a href="#"> Thinkphp6.0正式版视频教程 </a> </h2> </a> </div> <div class="box f-right"> <a href="#"> <img src="static/picture/5f606a9a7fe99960.jpg" /> <h2> <a href="#"> TP6.0 搭建个人博客实战（玉女心经版） </a> </h2> </a> </div> </div> <ul> <li class="layui-clear"> <a href="#" class="course-intro-img"> <img src="static/picture/6049da2b3898c385.jpg" width="100%" /> </a> <div class="course-intro"> <h2> <a href="#"> php8，我来也 </a> </h2> <p> <span class="level"> 初级 </span> <span> 48832次播放 </span> </p> </div> </li> </ul> </div> <div class="course-list layui-clear"> <h3>最新更新</h3> <ul> <li class="layui-clear"> <a href="#" class="course-intro-img"> <img src="static/picture/61500a97859e7795.jpg" width="100%" /> </a> <div class="course-intro"> <h2> <a href="#"> 通用后台管理系统实战开发 </a> </h2> <p class="course-intro-info"> 使用thinkphp6和layui 搭建的一套后台管理系统，属于实战进阶课程 </p> <p> <span class="level"> 初级 </span> <span class="count"> 152次播放 </span> </p> </div> </li> </ul> </div> <div class="course-list layui-clear"> <h3>最新文章</h3> <div class="article mb-10 layui-clear"> <a href="#" title="教你怎么仿做得物APP微信小程序"> <div class="title f-left"> <h2 class="mb-10">教你怎么仿做得物APP微信小程序</h2> <span> 发布时间：2021-08-23 </span> </div> <img class="f-right" src="static/picture/61230ff149494468.jpg" alt="教你怎么仿做得物APP微信小程序" /> </a> </div> <a href="#" class="more"> 更多内容 </a> </div> <div class="course-list layui-clear"> <h3>最新博文</h3> <div class="article mb-10 layui-clear"> <a href="#" title="云服务器的操作系统一般怎么选？选错了可以重装吗？"> <div class="title f-left"> <h2 class="mb-10"> 云服务器的操作系统一般怎么选？选错了可以重装吗？ </h2> </div> <span style="float: right"> 2021-09-27 </span> </a> </div> <a href="#" class="more"> 更多内容 </a> </div> <div class="course-list layui-clear mt-10"> <h3>最新问答</h3> <div class="article mb-10 layui-clear"> <a href="#"> <div class="title f-left"> <h2 class="mb-10">无法输出数据</h2> </div> <span style="float: right"> 2021-09-26 </span> </a> </div> <a href="#" class="more"> 更多内容 </a> </div> <div class="layui-clear mt-50"></div> <footer> <a href="/" class="on"> <i class="layui-icon layui-icon-home"> </i> 首页 </a> <a href="#"> <i class="layui-icon layui-icon-play"> </i> 视频 </a> <a href="#"> <img src="static/picture/gif_live.gif" /> 直播 </a> <a href="#"> <i class="layui-icon layui-icon-code-circle"> </i> 社区 </a> <a href="#"> <i class="layui-icon layui-icon-username"> </i> 我的 </a> </footer> <script> isLogin = 0; </script> <script type="text/javascript" src="static/js/jquery.min.js"></script> <script type="text/javascript" src="static/js/layui.js"></script> <script type="text/javascript" src="static/js/global.js"></script> </body></html>
