Tp5+Layui项目实战

在项目实战第一天,介绍了如何在TP5框架中使用Layui。注意在引入静态资源时,若入口文件与static同级,应通过/static路径访问。在调试页面时避免F12调试器占用过多空间影响显示。Layui的栅格系统通过layui-row和layui-col-xx4等类实现响应式布局,layui-col-xx-offset5用于元素偏移。在TP5中,正确获取参数的方法是request->param('param name')。
摘要由CSDN通过智能技术生成

这里写自定义目录标题

项目实战第一天

Layui笔记

  1. TP5框架中如果在JS中引入TP5静态资源的时候,如果入口文件和static文件夹处于同一目录中不能在/public中访问要在/static中访问,因为public和static文件都存放了相同的静态资源文件

  2. 调试页面的时候F12不要在左右打开,因为当屏幕比较小的时候(尤其是笔记本),在右侧打开的网页调试器会使左侧的网页在有效的空间中难以展开从而导致效果显示不出来。

  3. 在Layui中,我们可以通过Layui-row声明一个行,用layui-col-xx4固定当前元素相对于父元素的大小,xx可以填写xs,sm,md,ld,用以代表不同设备中的布局。layui-col-xx-offset5 是向右偏移相对于父元素的大小的距离。

  4. layui-col-md-offset layui-col-md4 等所有栅格布局会建立在 盒子的弹性布局/非弹性布局基础上(例如:display:flex)
    layui-col-md4这个是建立在父元素的大小上的比例

TP5笔记

1.{
   volist name
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值