update

2024-11-01 18:21:57 +08:00
parent d7cf86507a
commit 579fd2eaf6
17 changed files with 650 additions and 500 deletions
--- a/Web/html/body/video.html
+++ b/Web/html/body/video.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
+
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
@@ -7,59 +8,90 @@
    <link rel="stylesheet" href="/layui/css/layui.css">
 </head>

-<body>
+<body class="layui-bg-gray">
    <div id="header"></div>
-    <body>
-        <div id="view"></div>
-      
-        
-       
-           
+    <div class="layui-panel" style="width: 260px; margin: 16px;">
+        <ul class="layui-menu" id="menusss">
+            <!-- <div id="menuView"></div> -->
+            <li class="layui-menu-item-group layui-menu-item-down" lay-options="{type: 'group'}">
+                <div class="layui-menu-body-title">
+                    menu group <i class="layui-icon layui-icon-up"></i>
+                </div>
+                <ul>
+                    <li lay-options="{id: 103}">
+                        <div class="layui-menu-body-title">menu item 3-1</div>
+                    </li>
+                    <li lay-options="{id: 102}">
+                        <div class="layui-menu-body-title">menu item 3-2</div>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+
+
+

-         
 </body>
-<script id="demo" type="text/html">
-    <h3>{{ d.title }}</h3>
-    <ul>
-    {{#  layui.each(d.list, function(index, item){ }}
-      <li>
-        <span>{{ item.modname }}</span>
-        <span>{{ item.alias }}：</span>
-        <span>{{ item.site || '' }}</span>
-      </li>
+<script id="menulist" type="text/html">
+    <ul class="layui-tab-title">
+    {{#  layui.each(d.data, function(index, item){ }}
+        <li lay-id="{{= item.live_room_id}}">{{= item.anchorName}}</li>
    {{#  }); }}
-    {{#  if(d.list.length === 0){ }}
+    {{#  if(d.data.length === 0){ }}
      无数据
    {{#  } }} 
    </ul>
  </script>
-   
-<script src="/layui/layui.js"></script>
 <script src="/js/jquery-3.2.1.js"></script>
 <script src="/js/CommonConfig.js"></script>
+<script src="/js/httpUtils.js"></script>
+<script src="/layui/layui.js"></script>
 <script>
-       headerModel=2;
+    headerModel = 2;
    $('#header').load("/html/header.html");
+</script>

-    layui.use(['form', 'laytpl'], function () {
-        var form = layui.form;
+
+
+<script>
+
+    var roomId = '17961';
+    layui.use(['dropdown', 'laytpl'], function () {
+        var dropdown = layui.dropdown;
        var layer = layui.layer;
-        var laytpl = layui.laytpl
-        var data = { //数据
-            "title":"Layui常用模块"
-            ,"list":[{"modname":"弹层","alias":"layer","site":"layer.layui99.com"},{"modname":"表单","alias":"form"}]
-          }
-          var getTpl = $("#demo").get(0).innerHTML
-          ,view = document.getElementById('view');
-          laytpl(getTpl).render(data, function(html){
-            view.innerHTML = html;
-            console.log(html)
-          });
+        var laytpl = layui.laytpl;
+        function initTabs() {
+            getVideo(roomId, pageIndex, pageMax)
+                .then(data => {
+                    initMenu(data)
+                })
+
+        }
+        dropdown.on('click(menusss)', function (options) {
+             console.log(this, options);
+
+        });
+        function initMenu(data) {
+            var view = $("#menuView").get(0);
+            laytpl($('#menulist').get(0).innerHTML).render(data, function (html) {
+                view.innerHTML = html;
+                layer.close(loadIndex)
+            });
+        }
+
+        function init() {
+            //  initTabs()
+
+        }
+        init()
+
    })

 </script>
-    
+
 <style>

 </style>
+
 </html>