tp5怎么跟layui结合,有相关资料吗?本人是小白

提问 未结 8 344
wangxiaoxuzd
悬赏:20飞吻
版本:layuiAdmin 浏览器:
tp5怎么跟layui结合,有相关资料吗?本人是小白
回帖
  • LayUI是一个前端的js+css的框架,tp6是基于php的一个框架,不一样的
    1 回复
  • CrazyYi
    2020-2-16
    在引入前,你应该先了解下,如何在TP5项目中,引入其他前端框架(引入CSS+JS+HTML)。

    1、准备好TP5.
    2、准备好Layui2.5.6(最新版本)
    3、将Layui 放入到TP5指定目录中(我这里举一个例子,供参考)
          1. 将 layui 整个目录,放在 TP5-> public -> plugin 下面
    2. layui 目录下,应该包括:css、font、images、lay 等文件夹
    4、 在html 页面中(最好是在入口文件中),引入layui 的css 和 js
    <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>XXXXX管理系统</title>
    <link rel="stylesheet" href="/public/static/css/all.css">

    <!-- 引入layui css -->
    <link rel="stylesheet" href="/public/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="/public/plugin/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/public/static/css/main.css">
    <link rel="stylesheet" href="/public/static/css/jquery.editable-select.min.css">

    </head>
    <script src="/public/plugin/layui/layui.all.js"></script>
    1 回复
  • Surzace
    2020-2-15
    和其他的一样 layui不过是一个样式库 和bootstrap等ui框架一样 在模板引入css和js就可以用了
    0 回复
  • @CrazyYi 引入之后左侧的菜单点击不了
    0 回复
  • @Surzace 引入之后左侧的菜单点击不了
    0 回复
  • CrazyYi
    2020-2-16
    @wangxiaoxuzd 左侧菜单点击不了,是你js 的引入位置没有写对。

    正常是你的js,要在所有html 页面元素写完之后再加载。然后要在你的所有js 前加载。
    0 回复
  • Surzace
    2020-2-17
    @wangxiaoxuzd 那是你没有加载element模块,不要看楼上的,不懂装懂。
    0 回复
  • Surzace
    2020-2-17
    @wangxiaoxuzd 导航依赖element模块,要在页面下面写上js。
    layui.use('element', () => {
    // 这里写你自己的页面交互代码
    })
    0 回复