Ver código fonte

update:兼容移动端样式v1

tujidelv 3 anos atrás
pai
commit
d1dae5e74d

+ 1 - 0
src/main/resources/static/js/pagination.js

@@ -86,6 +86,7 @@ $.fn.pagination = function (options) {
                 }
             }
 
+            str += '<li class="visible-xs"><a class="btn btn-warm">' + pageNo + '/' + opt.pageTotal + '</a></li>';
             str += '<li><a class="btn btn-default" id="last-page">下一页</a></li>';
             str += '<li><a class="btn btn-default" id="lastpage">尾页</a></li>';
 

+ 146 - 22
src/main/resources/static/video.html

@@ -2,42 +2,154 @@
 <html>
 <head>
     <title>影片列表</title>
-
+    <meta name="referrer" content="never">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <meta http-equiv="pragma" content="no-cache">
     <meta http-equiv="cache-control" content="no-cache">
     <meta http-equiv="expires" content="0">
-    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
-    <meta http-equiv="description" content="This is my page">
-    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <meta name="keywords" content="JAV私人影院,骑兵、步兵、流出等等">
+    <meta name="description" content="JAV私人影院,骑兵、步兵、流出等等">
+    <meta name="renderer" content="webkit|ie-comp|ie-stand">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
     <link rel="shortcut icon" href="cover/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/mytheme-ui.css?v=2.8" type="text/css">
-    <link rel="stylesheet" href="css/mytheme-color3.css?v=2.8" type="text/css">
+    <link rel="stylesheet" href="css/mytheme-color3.css?v=2.8" type="text/css" name="default">
     <link rel="stylesheet" href="css/mytheme-site.css?v=2.8" type="text/css">
     <link rel="stylesheet" href="css/mytheme-font.css?v=2.8" type="text/css">
+    <link rel="stylesheet" href="css/my-video.css" type="text/css">
     <script src="js/jquery-3.6.0.min.js"></script>
     <script src="js/pagination.js"></script>
-    <link rel="stylesheet" href="css/my-video.css" type="text/css">
     <script type="text/javascript" src="js/my-video.js"></script>
-</head>
+    <!--[if lt IE 9]>
+    <script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <style type="text/css">
+        body {
+            font-family: "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
+        }
+
+        [class*=col-], .myui-content__list li, .myui-vodlist__media.col li {
+            padding: 10px
+        }
+
+        .btn {
+            border-radius: 5px;
+        }
+
+        .myui-panel {
+            margin-bottom: 20px;
+            border-radius: 5px;
+        }
+
+        .myui-screen__list {
+            padding: 10px 10px 0;
+        }
+
+        .myui-screen__list li {
+            margin-bottom: 10px;
+            margin-right: 10px;
+        }
+
+        .myui-page {
+            padding: 0 10px;
+        }
+
+        @media (min-width: 1200px) {
+            .container {
+                max-width: 1920px;
+            }
+
+            .container {
+                padding-left: 120px;
+                padding-right: 120px;
+            }
+        }
+
+        @media (max-width: 767px) {
+            body {
+                padding-bottom: 50px;
+            }
+
+            [class*=col-], .myui-panel, .myui-content__list li {
+                padding: 5px
+            }
+
+            .myui-screen__list {
+                padding: 10px 5px 0;
+            }
+
+            .myui-screen__list li {
+                margin-bottom: 5px;
+                margin-right: 5px;
+            }
 
-<style type="text/css">
-    .dynamic_hide {
-        display: none;
-    }
-</style>
-<script type="text/javascript">
-    function show() {
-        var my = document.getElementById("my");
-        if (my.className.indexOf("dynamic_hide") > -1) {
-            my.classList.remove("dynamic_hide");
-        } else {
-            my.classList.add("dynamic_hide");
+            .myui-page {
+                padding: 0 5px;
+            }
+        }
+    </style>
+    <style type="text/css">
+        body {
+            background: #ffffff;
+            color: #000000;
+        }
+
+        a, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+            color: #000000;
+        }
+
+        a:hover {
+            color: #00A1D6;
+        }
+
+        .text-muted {
+            color: #99a2aa;
+        }
+
+        .form-control {
+            background-color: #f5f5f5;
+            color: #999999;
+            border: 1px solid #eeeeee;
+        }
+
+        .form-control:focus {
+            border-color: #00A1D6;
+        }
+
+        .bottom-line:after {
+            border-color: #f4f4f4;
+        }
+
+        .nav li.active a {
+            border-color: #00A1D6;
+            color: #00A1D6;
         }
 
-        $("#myspan").addClass("dynamic_hide");
-    }
-</script>
+        .myui-panel-bg2, .myui-foot, .myui-panel-bg {
+            background-color: #ffffff;
+        }
+    </style>
+    <style type="text/css">
+        .dynamic_hide {
+            display: none;
+        }
+    </style>
+    <script type="text/javascript">
+        function show() {
+            var my = $("#my,.myui-foot");
+            $.each(my, function (index, value) {
+                if (value.className.indexOf("dynamic_hide") > -1) {
+                    value.classList.remove("dynamic_hide");
+                } else {
+                    value.classList.add("dynamic_hide");
+                }
+            });
 
+            $("#myspan").addClass("dynamic_hide");
+        }
+    </script>
+</head>
 <body>
 <span id="myspan">Hello <font id="myc" style="cursor: pointer;" onclick="show()">W</font>orld!</span>
 <div class="container dynamic_hide" id="my">
@@ -113,6 +225,18 @@
         <!-- 翻页-->
     </div>
 </div>
+<div class="myui-foot clearfix dynamic_hide">
+    <div class="container min">
+        <div class="row">
+            <div class="col-pd text-center">
+                <p>本站所有内容都由本人私藏,仅供宽带测试之用,请勿将本网站免费电影用于商业用途,因此造成的任何责任与本站无关!</p>
+                <p class="margin-0">
+                    © 2022 JAV.LVZHIQIANG.TOP私人影院 </p>
+            </div>
+        </div>
+    </div>
+</div>
+
 <div id="cover"><img src="cover/loading.gif" style="width: 80px; height: 80px;"/></div>
 <div id="playvideo">
     <video src="" width="800" height="500" controls></video>