返回用户列表,分页......登陆

用户列表,分页显示

''Rivers'' 李2019-07-17 12:03:138

<!doctype html>
<html>
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>丽春院 — 首页</title>
   {include file="public/style"}
   {include file="public/header"}
</head>
<body>
<div id="page">
   <div id="body" class="home">
       <div class="demo">
           <a class="control prev"></a><a class="control next abs"></a><!--自定义按钮,移动端可不写-->
           <div class="slider"><!--主体结构,请用此类名调用插件,此类名可自定义-->
               <ul>
                   {volist name="slides" id="slide"}
                   <li><a href=""><img src="{$slide.pic}" alt="{$slide.desc}"/></a></li>
                   {/volist}
               </ul>
           </div>
       </div>
       <div class="header">
           <div>
               <h3 style="margin-top: 50px">头牌人选</h3>
               <ul>
                   {volist name="products" id="product"}
                   <li>
                       <a href=" "><img src="{:GetProPic($product.id)}" style=" width: 100%;height: 100%;" alt=""></a>
                   </li>
                   {/volist}
               </ul>
           </div>
       </div>
       <div class="body">
           <div>
               <h1>丽春院百年老店</h1>
               <p>为看官提供更养眼、更多样、更直观的感觉体验!</p>
           </div>
       </div>
       <div class="footer">
           <div>
               <ul>
                   <li>
                       <h1>新上花魁</h1>
                       {volist name="NewProduct" id="NewProduct"}
                       <a href=" ">
                           <img src="{:GetProPic($NewProduct.id)}"
                                        style="border-radius:10px; box-shadow: 0 0 10px #eaeaea;   border:5px solid #E9E7E7;width: 460px;height: 260px;"
                                        alt="">
                       </a>
                       {/volist}
                   </li>
                   <li>
                       <h1>最新资讯</h1>
                       <ul>
                           {volist name="news" id="new"}
                           <li>
                               <a href=""><img src="{:GetNewsPic($new.id)}"
                                               style="border-radius:10px; box-shadow: 0 0 10px #6E6E6E;   width: 100px;height: 95px;"
                                               alt=""></a>
                               <h1>{$new.title}</h1>
                               <span>{$new.time|date="Y-m-d"}</span>
                               <a href="blog.php" class="more">了解更多</a>
                           </li>
                           {/volist}
                       </ul>
                   </li>
               </ul>
           </div>
       </div>
   </div>
   {include file="public/footer"}
</div>

<script>
   $(".slider").YuxiSlider({
       width: 1900, //容器宽度
       height: 450, //容器高度
       control: $('.control'), //绑定控制按钮
       during: 4000, //间隔4秒自动滑动
       speed: 800, //移动速度0.8秒
       mousewheel: true, //是否开启鼠标滚轮控制
       direkey: true //是否开启左右箭头方向控制
   });
</script>
</body>
</html>

最新手记推荐

• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade• 创建一个验证器, 用来对模型对应的表中字段进行验证处理

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网