user
1 year ago
26 changed files with 1200 additions and 0 deletions
Binary file not shown.
Binary file not shown.
@ -0,0 +1,118 @@ |
|||||||
|
<!-- The author Tan --> |
||||||
|
<!DocType html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<meta name="referrer" content="default"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||||
|
<meta name="renderer" content="webkit"> |
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||||
|
<link rel="icon" href="images/machete_icon.png"> |
||||||
|
<title>添加视频</title> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/index.css?a=3422"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div class="app_add_video g_app_lay" id="app_add_video"> |
||||||
|
<header class="top_nav"> |
||||||
|
<a class="log_tn clearfix" href=""> |
||||||
|
<img class="verMiddle" src="images/machete_icon.png" alt="log图片" /> |
||||||
|
<span class="verMiddle">Ta荐</span> |
||||||
|
</a> |
||||||
|
<div class="search hide_movi_xs"> |
||||||
|
<form id="search_form" class="search_form" action="" method="get"> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="input_sf_JS" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
<div class="right_class_tn"> |
||||||
|
<a class="search_move_tn visible_movi_xs" href="javascript:;" title="搜索"><img src="images/search.svg" alt="图片" /></a> |
||||||
|
<a class="connect_me_tn connectmeJS" href="javascript:;" title="联系我们"><img src="images/contactUs.svg" alt="图片" /></a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="app_layout_side"> |
||||||
|
<div class="menu_ls g_ls_menus"> |
||||||
|
<a href="/index.html" title=""> |
||||||
|
<img src="images/choice.svg" alt="图片" /> |
||||||
|
<span>推荐</span> |
||||||
|
</a> |
||||||
|
<a class="this_set" href="/addvideo.html" title=""> |
||||||
|
<img src="images/addvideos.svg" alt="图片" /> |
||||||
|
<span>添加</span> |
||||||
|
</a> |
||||||
|
<a href="/userCenter.html" title=""> |
||||||
|
<img src="images/PersonalCenter.svg" alt="图片" /> |
||||||
|
<span>我的</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="g_ls_menus hide_movi_xs"> |
||||||
|
<div class="meuns_title">视频分类</div> |
||||||
|
<a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>经济</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>思考</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>哲学</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>影音</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>搞笑</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>运动</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<main class="g_main_lay g_main_border"> |
||||||
|
<form class="add_video_form g_form_style" id="add_video_form" action="" method="get"> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_link" class="form-label">分享网址/内容</label> |
||||||
|
<input type="text" class="" id="text_input_link" placeholder="请粘贴分享网址/内容"> |
||||||
|
</div> |
||||||
|
<div class="mb-3"> |
||||||
|
<label for="text_input_title" class="form-label">视频标题（可选）</label> |
||||||
|
<input type="text" class="" id="text_input_title" placeholder="请输入视频标题（可选）"> |
||||||
|
</div> |
||||||
|
<div class="avform_bt vercenter"> |
||||||
|
<button class="btJS" aria-label="提交"> |
||||||
|
<div class="loading_bt bt_class_JS elementNone verMiddle"> |
||||||
|
<svg viewBox="25 25 50 50"> |
||||||
|
<circle cx="50" cy="50" r="20"></circle> |
||||||
|
</svg> |
||||||
|
</div> |
||||||
|
<span class="bt_text_JS">提交</span> |
||||||
|
<div class="bt_loading_cover bt_class_JS elementNone"></div> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
</main> |
||||||
|
<!-- 右侧弹出框 --> |
||||||
|
<div class="blank_cover elementNone blank_coverJS rtcloseJS"></div> |
||||||
|
<div class="right_sidebox right_sideboxJS elementNone"> |
||||||
|
<h5> |
||||||
|
<span>联系我们</span> |
||||||
|
<a class="rtcloseJS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
</h5> |
||||||
|
|
||||||
|
<p class="sort1">微信扫码加好友</p> |
||||||
|
<div class="vercenter"><img class="codeimg" src="images/wx_jialuoma.jpeg" alt="微信二维码" /></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> |
||||||
|
<script type="text/javascript" src="js/index.js?a=668665566"></script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
Binary file not shown.
@ -0,0 +1,219 @@ |
|||||||
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;} |
||||||
|
/* body{position:relative;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;word-break: break-all;background-color:#FFF;color:#FFF;font-size:14px;line-height:1.428571429} */ |
||||||
|
body{position:relative;font-family:"Roboto","Arial",sans-serif;background-color:#FFF;color:#000;font-size:14px;line-height:1.428571429} |
||||||
|
html{scroll-behavior:smooth} |
||||||
|
ul,li{list-style:none;margin:0;padding:0;} |
||||||
|
img,span,em,a{display:inline-block;max-width:100%} |
||||||
|
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} |
||||||
|
a{color:#464c5c;} |
||||||
|
.clearfix{zoom:1;} |
||||||
|
.clearfix:after{content:'.';display:block;visibility:hidden;clear:both;overflow:hidden;height:0px;} |
||||||
|
.img-responsive{max-width:100%;display:block;} |
||||||
|
.elementBlock{display:block !important;} |
||||||
|
.elementNone{display:none !important;} |
||||||
|
.elementhidden{visibility:hidden !important;} |
||||||
|
.verMiddle{vertical-align:middle !important;} |
||||||
|
.vercenter{text-align:center !important;} |
||||||
|
.verbold{font-weight:bold !important;} |
||||||
|
.opacityshow{opacity:1 !important;} |
||||||
|
a:hover{text-decoration:none;} |
||||||
|
a:active{text-decoration:none;} |
||||||
|
a:visited{text-decoration:none;} |
||||||
|
a:link{text-decoration:none;} |
||||||
|
|
||||||
|
/* 首页 star*/ |
||||||
|
.g_app_lay{padding:56px 0 0 200px;} |
||||||
|
/* 顶部导航 */ |
||||||
|
.top_nav{position:fixed;top:0;left:0;z-index:1100;width:100%;height:56px;overflow:hidden;background:#FFF;padding:8px 22px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content: space-between;} |
||||||
|
.log_tn img{width:37px;float:left;} |
||||||
|
.log_tn span{ |
||||||
|
font-family: Brush Script MT; |
||||||
|
color: #181818; |
||||||
|
font-size: 24px; |
||||||
|
text-shadow: 1px 1px 0 rgb(122 122 122), |
||||||
|
1px 1px 5px rgb(183 183 183 / 80%); |
||||||
|
margin-top:3px; |
||||||
|
} |
||||||
|
.right_class_tn{padding-top:5px;} |
||||||
|
.right_class_tn img{margin-left:5px;} |
||||||
|
.search_move_tn img{width:24px;} |
||||||
|
.connect_me_tn img{width:22px;} |
||||||
|
|
||||||
|
.search{flex:1;display:flex;align-items: center;margin:0 30px;max-width:555px;} |
||||||
|
.search-left-arrow{padding:5px 13px;display:none;} |
||||||
|
.search-left-arrow img{width:32px;display:block;} |
||||||
|
.search_form{display:flex;flex:1;align-items: center;border-radius:5px;background-color: #dedede;} |
||||||
|
.search_form .input_sf{flex:1;} |
||||||
|
.search_form .input_sf input{border-radius:5px;width:100%;border-top-right-radius:0;border-bottom-right-radius: 0;border:none;padding:0 0 0 14px;font-size:15px;height:40px;background:transparent;} |
||||||
|
.search_form .input_sm{cursor:pointer;width:52px;border:none;background:transparent;border-radius:5px;border-top-left-radius:0;border-bottom-left-radius: 0;} |
||||||
|
.search_form .input_sm img{width:22px;} |
||||||
|
|
||||||
|
/* 移动端搜索 */ |
||||||
|
.mobile_search{opacity:0;transform:translateX(101%);position:fixed;left:0;right:0;top:0;bottom:0;opacity:0;transform:translateX(101%);background-color:#FFF;z-index:1200;} |
||||||
|
.mob_search_form{background:none;margin-top:18px;} |
||||||
|
.mob_search_form .close{width:52px;text-align:center;} |
||||||
|
.mob_search_form .input_sf{background-color:#f7f7f7;border-radius:9px;border:solid 1px #e0e0e0;} |
||||||
|
|
||||||
|
/* 左侧菜单 */ |
||||||
|
.app_layout_side{padding:3px 0 0 0;width:200px;height:100vh;position:fixed;top:56px;left:0;z-index: 1000;overflow-y:auto;background:#FFF;} |
||||||
|
.g_ls_menus{padding:9px 12px 6px 12px;border-bottom:solid 1px #eeeeee;} |
||||||
|
.g_ls_menus .meuns_title{color:#686868;padding:10px 0 4px 8px;font-weight: bold;} |
||||||
|
.g_ls_menus>a{display:block;padding:12px 18px;margin-bottom:4px;color:#4c4c4c;} |
||||||
|
.g_ls_menus>a img{width:22px;vertical-align:middle;margin-right:8px;} |
||||||
|
.g_ls_menus>a span{vertical-align:middle;} |
||||||
|
.g_ls_menus>a:hover, .g_ls_menus .this_set{background-color: #f0f0f0;border-radius: 10px;} |
||||||
|
.g_ls_menus .this_set{color: #000;font-weight:bold;font-size:15px;} |
||||||
|
|
||||||
|
|
||||||
|
/* 主内容 */ |
||||||
|
.g_main_lay{padding:0 2% 0 3.4%;margin-top:18px;min-height:280px;position:relative;max-width:1700px;margin:0 auto;} |
||||||
|
.g_main_border{border-top:solid 1px #eeeeee;} |
||||||
|
.vl_list_main{float:left;width:25%;margin:10px 0 22px 0;position:relative} |
||||||
|
.video-menu-ow{border-bottom:1px solid rgba(0,0,0,.1)} |
||||||
|
/* .vl_list_main:hover .video_img_vl img{transform:scale(1.01)} */ |
||||||
|
.vl_list_main:hover .video_title_vl>a{font-weight:bold;} |
||||||
|
.video_img_vl{border-radius:6px;width:calc(100% - 16px);position:relative;padding-top:71%;overflow:hidden;background:rgb(0 0 0 / 1)} |
||||||
|
.video_img_vl a{text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center} |
||||||
|
.video_img_vl img{transform:scale(1);transition:all 0.3s ease-in-out;display:inline-block;max-width:100%;max-height:100%;} |
||||||
|
.video_title_vl{padding:0 16px 0 0;color:#bbbbbb;background: #FFF;} |
||||||
|
.video_title_vl>a{color:#000;min-height:49px;padding:9px 3px 0 3px;word-break:break-all; |
||||||
|
text-overflow: ellipsis; |
||||||
|
display: -webkit-box; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-line-clamp: 2; /* 这里是超出几行省略 */ |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
/* 首页 end*/ |
||||||
|
|
||||||
|
/* 联系我们 */ |
||||||
|
.svgimg{width:2em;height:2em;vertical-align:middle;fill: currentColor;overflow: hidden;} |
||||||
|
.blank_cover{transition: all 0.5s ease;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);opacity:0;z-index: 1199} |
||||||
|
.right_sidebox{padding:15px 10px 15px 18px;opacity:0;transform:translateX(101%);background-color:#FFF;position:fixed;right:0;top:0;bottom:0;color:#333;width:396px;overflow-y:auto;max-width:100%;z-index:1200;} |
||||||
|
.right_sidebox>h5{display:flex;padding:15px 0 10px 0;border-bottom:solid 1px #e9e2e2;margin-bottom:20px;} |
||||||
|
.right_sidebox>h5 span{font-size:20px;font-weight:bold;flex: 1;} |
||||||
|
.right_sidebox .link{text-decoration: underline;color:#457fc1;} |
||||||
|
.right_sidebox .sort1{font-size:16px;font-weight:bold;margin-top:10px;} |
||||||
|
.right_sidebox p{margin:5px 0;} |
||||||
|
.right_sidebox .codeimg{width:48%;} |
||||||
|
.sideboxShow{animation:bounceInRight 0.5s ease forwards;} |
||||||
|
|
||||||
|
/* 添加视频 */ |
||||||
|
.g_form_style{width:406px;margin:11% auto 0 auto;} |
||||||
|
.g_form_style input{width:100%;font-size:15px;padding:12px 10px;border-radius:5px;border:solid 1px #9b9b9b;margin:6px 0 0 0;} |
||||||
|
.g_form_style>div{margin-bottom:11px;} |
||||||
|
.avform_bt{margin-top:18px;} |
||||||
|
.avform_bt button{position: relative;font-size:15px;min-width:100px;border-radius:6px;padding:10px 3px;border:none;background-color:#0d6efd;color:#FFF;cursor: pointer;} |
||||||
|
.loading_bt{display:inline-block;} |
||||||
|
.bt_loading_cover{z-index:100;position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background:rgba(225,225,225,.5);} |
||||||
|
.loading_bt svg{width: 20px;transform-origin: center;animation: change 2.5s linear infinite; |
||||||
|
} |
||||||
|
.loading_bt circle {fill: none;stroke: #FFF;stroke-width: 7;stroke-dasharray: 1, 200;stroke-dashoffset: 0;stroke-linecap: round;animation: diansh 2s ease-in-out infinite; |
||||||
|
} |
||||||
|
|
||||||
|
/* 个人中心 */ |
||||||
|
.ui_name{border-top:solid 1px #eeeeee;padding:3% 0 0 0;margin-bottom:20px;display:flex;align-items: center;justify-content:center;} |
||||||
|
.ui_name img{width:112px;border:solid 4px #e6e6e6;border-radius:50%;} |
||||||
|
.ui_name span{font-size:21px;font-weight:bold;margin-left:18px;} |
||||||
|
.ui_menu{border-bottom: solid 1px #eeeeee;padding:0 0 0 3%;} |
||||||
|
.ui_menu>a{padding:0 2px 6px 2px;margin:0 9px;} |
||||||
|
.ui_menu .this_sel{font-weight:bold;border-bottom:solid 3px #000;font-size:15px;} |
||||||
|
.ui_video_state{color:#ada7a7;margin:18% 0 10% 0;} |
||||||
|
|
||||||
|
@keyframes bounceInRight { |
||||||
|
0%, |
||||||
|
60%, |
||||||
|
75%, |
||||||
|
90%, |
||||||
|
to { |
||||||
|
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); |
||||||
|
animation-timing-function: cubic-bezier(.215, .61, .355, 1) |
||||||
|
} |
||||||
|
|
||||||
|
0% { |
||||||
|
opacity: 0; |
||||||
|
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3); |
||||||
|
transform: translate3d(3000px, 0, 0) scaleX(3) |
||||||
|
} |
||||||
|
|
||||||
|
60% { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: translate3d(0, 0, 0) scaleX(1); |
||||||
|
transform: translate3d(0, 0, 0) scaleX(1) |
||||||
|
} |
||||||
|
|
||||||
|
75% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0) scaleX(.98); |
||||||
|
transform: translate3d(0, 0, 0) scaleX(.98) |
||||||
|
} |
||||||
|
|
||||||
|
90% { |
||||||
|
-webkit-transform: translate3d(0, 0, 0) scaleX(.995); |
||||||
|
transform: translate3d(0, 0, 0) scaleX(.995) |
||||||
|
} |
||||||
|
|
||||||
|
to { |
||||||
|
opacity: 1; |
||||||
|
-webkit-transform: translateZ(0); |
||||||
|
transform: translateZ(0) |
||||||
|
} |
||||||
|
} |
||||||
|
@keyframes circle { |
||||||
|
0% { |
||||||
|
transform: rotate(0); |
||||||
|
} |
||||||
|
|
||||||
|
100% { |
||||||
|
transform: rotate(360deg); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
@keyframes change { |
||||||
|
100% { |
||||||
|
transform: rotate(360deg); |
||||||
|
} |
||||||
|
} |
||||||
|
@keyframes diansh { |
||||||
|
0% { |
||||||
|
stroke-dasharray: 1, 200; |
||||||
|
stroke-dashoffset: 0; |
||||||
|
} |
||||||
|
|
||||||
|
50% { |
||||||
|
stroke-dasharray: 90, 200; |
||||||
|
stroke-dashoffset: -35px; |
||||||
|
} |
||||||
|
|
||||||
|
100% { |
||||||
|
stroke-dashoffset: -125px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (max-width: 1199px) { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (max-width: 991px) { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (max-width: 767px) { |
||||||
|
.vl_list_main{width:50%;} |
||||||
|
} |
||||||
|
|
||||||
|
.visible_movi_xs{display:none;} |
||||||
|
.hide_movi_xs{display:block;} |
||||||
|
@media screen and (max-width:480px) { |
||||||
|
.visible_movi_xs{display:inline-block;} |
||||||
|
.hide_movi_xs{display:none;} |
||||||
|
.top_nav{box-shadow:0 0 7px 0 rgb(155 155 155);} |
||||||
|
.g_app_lay{padding:56px 0 60px 0} |
||||||
|
.g_main_lay{margin-top:5px;padding:0 0 0 6px;} |
||||||
|
.video_img_vl{width:calc(100% - 6px);padding-top:72.6%;} |
||||||
|
.app_layout_side{padding:6px 0 6px 0;box-shadow: 0 0 7px 0 rgb(155 155 155);top:initial;bottom:0;right:0;width:100%;height:auto;} |
||||||
|
.menu_ls{display:flex;justify-content:space-around;padding:0;border:none;} |
||||||
|
.menu_ls>a{flex:1;text-align:center;padding:10px 0;margin:0;} |
||||||
|
.menu_ls>a img{margin:0;} |
||||||
|
.g_form_style{padding:0 12% 0 10%;width:100%;} |
||||||
|
} |
||||||
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 46 KiB |
@ -0,0 +1,178 @@ |
|||||||
|
<!-- The author Tan --> |
||||||
|
<!DocType html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<meta name="referrer" content="default"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||||
|
<meta name="renderer" content="webkit"> |
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||||
|
<link rel="icon" href="images/machete_icon.png"> |
||||||
|
<title>Ta荐</title> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/index.css?a=55444"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div class="app_recommend g_app_lay" id="app_recommend"> |
||||||
|
<header class="top_nav"> |
||||||
|
<a class="log_tn clearfix" href=""> |
||||||
|
<img class="verMiddle" src="images/machete_icon.png" alt="log图片" /> |
||||||
|
<span class="verMiddle">Ta荐</span> |
||||||
|
</a> |
||||||
|
<div class="search hide_movi_xs"> |
||||||
|
<form id="search_form" class="search_form" action="" method="get"> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="input_sf_JS" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
<div class="right_class_tn"> |
||||||
|
<a class="search_move_tn search_mob_JS visible_movi_xs" href="javascript:;" title="搜索"><img src="images/search.svg" alt="图片" /></a> |
||||||
|
<a class="connect_me_tn connectmeJS" href="javascript:;" title="联系我们"><img src="images/contactUs.svg" alt="图片" /></a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="app_layout_side"> |
||||||
|
<div class="menu_ls g_ls_menus"> |
||||||
|
<a class="this_set" href="/index.html" title=""> |
||||||
|
<img src="images/choice.svg" alt="图片" /> |
||||||
|
<span>推荐</span> |
||||||
|
</a> |
||||||
|
<a href="/addvideo.html" title=""> |
||||||
|
<img src="images/addvideos.svg" alt="图片" /> |
||||||
|
<span>添加</span> |
||||||
|
</a> |
||||||
|
<a href="/userCenter.html" title=""> |
||||||
|
<img src="images/PersonalCenter.svg" alt="图片" /> |
||||||
|
<span>我的</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="g_ls_menus hide_movi_xs"> |
||||||
|
<div class="meuns_title">视频分类</div> |
||||||
|
<a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>经济</span> |
||||||
|
</a><a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>思考</span> |
||||||
|
</a><a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>哲学</span> |
||||||
|
</a><a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>影音</span> |
||||||
|
</a><a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>搞笑</span> |
||||||
|
</a><a class="" href="javascript:;" title=""> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>运动</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<main class="g_main_lay"> |
||||||
|
<div class="videos_list clearfix"> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" alt="" |
||||||
|
src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</main> |
||||||
|
<!-- 右侧弹出框 --> |
||||||
|
<div class="blank_cover elementNone blank_coverJS rtcloseJS"></div> |
||||||
|
<div class="right_sidebox right_sideboxJS elementNone"> |
||||||
|
<h5> |
||||||
|
<span>联系我们</span> |
||||||
|
<a class="rtcloseJS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
</h5> |
||||||
|
|
||||||
|
<p class="sort1">微信扫码加好友</p> |
||||||
|
<div class="vercenter"><img class="codeimg" src="images/wx_jialuoma.jpeg" alt="微信二维码" /></div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<!-- 移动端搜索框 --> |
||||||
|
<div class="mobile_search elementNone mobile_search_JS" id="mobile_search"> |
||||||
|
<form id="mob_search_form" class="mob_search_form search_form" action="" method="get"> |
||||||
|
<a class="close ms_close_JS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="ms_input_js" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> |
||||||
|
<script type="text/javascript" src="js/lazyload.js"></script> |
||||||
|
<script type="text/javascript" src="js/index.js?a=668665566"></script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
Binary file not shown.
@ -0,0 +1,218 @@ |
|||||||
|
/* |
||||||
|
******The author |
||||||
|
|
||||||
|
******Tan |
||||||
|
*/ |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 图片异步加载
|
||||||
|
if ($("img.lazy").get(0)) { |
||||||
|
|
||||||
|
$("img.lazy").lazyload({ |
||||||
|
effect: "fadeIn", |
||||||
|
event: "scroll" |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// 返回顶部
|
||||||
|
// var scrolltop = $('.scroll_topJS');
|
||||||
|
// $(window).scroll(function () {
|
||||||
|
// if ($(this).scrollTop() > 100) {
|
||||||
|
// scrolltop.fadeIn();
|
||||||
|
// } else {
|
||||||
|
// scrolltop.fadeOut();
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
|
||||||
|
|
||||||
|
if ($('.connectmeJS').get(0)) { |
||||||
|
// 点击打开右侧弹出框
|
||||||
|
$('.connectmeJS').click(function () { |
||||||
|
$('.blank_coverJS, .right_sideboxJS').removeClass('elementNone'); |
||||||
|
window.setTimeout(function () { |
||||||
|
$('.blank_coverJS').addClass('opacityshow'); |
||||||
|
$('.right_sideboxJS').addClass('sideboxShow'); |
||||||
|
|
||||||
|
}, 0); |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
// 点击关闭右侧弹出框
|
||||||
|
$('.rtcloseJS').click(function () { |
||||||
|
$('.blank_coverJS').removeClass('opacityshow'); |
||||||
|
$('.right_sideboxJS').removeClass('sideboxShow'); |
||||||
|
window.setTimeout(function () { |
||||||
|
$('.blank_coverJS, .right_sideboxJS').addClass('elementNone'); |
||||||
|
|
||||||
|
}, 500); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
// 打开移动端搜索框
|
||||||
|
if ($('.search_mob_JS').get(0)) { |
||||||
|
|
||||||
|
$('.search_mob_JS').click(function () { |
||||||
|
$('.blank_coverJS, .mobile_search_JS').removeClass('elementNone'); |
||||||
|
window.setTimeout(function () { |
||||||
|
$('.blank_coverJS').addClass('opacityshow'); |
||||||
|
$('.mobile_search_JS').addClass('sideboxShow'); |
||||||
|
|
||||||
|
}, 0); |
||||||
|
$('#mobile_search .ms_input_js').focus(); |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
$('.ms_close_JS').click(function () { |
||||||
|
$('.blank_coverJS').removeClass('opacityshow'); |
||||||
|
$('.mobile_search_JS').removeClass('sideboxShow'); |
||||||
|
window.setTimeout(function () { |
||||||
|
$('.blank_coverJS, .mobile_search_JS').addClass('elementNone'); |
||||||
|
|
||||||
|
}, 500); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
// 搜索相关
|
||||||
|
$('#search_form .bt_JS').click(function (e) { |
||||||
|
|
||||||
|
e.preventDefault(); |
||||||
|
if (!$('#search_form .input_sf_JS').val()) { |
||||||
|
|
||||||
|
return; |
||||||
|
} |
||||||
|
$('#search_form').submit(); |
||||||
|
}); |
||||||
|
|
||||||
|
// 添加视频
|
||||||
|
if ($('#app_add_video').get(0)) { |
||||||
|
|
||||||
|
// 添加视频表单处理
|
||||||
|
$('#add_video_form .btJS').click(function (e) { |
||||||
|
|
||||||
|
e.preventDefault(); |
||||||
|
let inputList = $('#add_video_form input'); |
||||||
|
// console.log(inputList[0].value);
|
||||||
|
if (!inputList[0].value) { |
||||||
|
alert('请填写分享内容或网址！'); |
||||||
|
return false; |
||||||
|
} else if (/https:\/\/[\w\.]+\/[\w]+/ig.test(inputList[0].value) == false) { |
||||||
|
alert('目前只支持抖音、快手、西瓜视频和Bilibili的分享网址哦！'); |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
let bt = $(this), btLoading = bt.children('.bt_class_JS'), btText = bt.children('.bt_text_JS'); |
||||||
|
btLoading.removeClass('elementNone'); |
||||||
|
bt.prop('disabled', true); |
||||||
|
btText.text('提交中...'); |
||||||
|
|
||||||
|
let datas = { |
||||||
|
'content': inputList[0].value, |
||||||
|
'title': inputList[1].value |
||||||
|
} |
||||||
|
|
||||||
|
let apiUrl = taJian.debug ? taJian.domain + taJian.apis.addVideos : taJian.apis.addVideos; |
||||||
|
// console.log(apiUrl);
|
||||||
|
publicAjax(apiUrl, 'POST', datas, function (data) { |
||||||
|
bt.prop('disabled', false); |
||||||
|
btLoading.addClass('elementNone'); |
||||||
|
if (data.code == 1) { |
||||||
|
$(inputList[0]).val(''); |
||||||
|
alert(data.msg || data.err); |
||||||
|
} else { |
||||||
|
alert(data.err); |
||||||
|
} |
||||||
|
}, function (jqXHR, textStatus, errorThrown) { |
||||||
|
bt.prop('disabled', false); |
||||||
|
btLoading.removeClass('elementNone'); |
||||||
|
console.log(jqXHR); |
||||||
|
|
||||||
|
}); |
||||||
|
// $.ajax({
|
||||||
|
// url: '/frontapi/addfav',
|
||||||
|
// method: 'POST',
|
||||||
|
// dataType: 'JSON',
|
||||||
|
// data: datas
|
||||||
|
// }).done(function (data, textStatus, jqXHR) {
|
||||||
|
// bt.prop('disabled', false);
|
||||||
|
|
||||||
|
// if (data.code == 1) {
|
||||||
|
// $(inputList[0]).val('');
|
||||||
|
// alert(data.msg || data.err);
|
||||||
|
// } else {
|
||||||
|
// alert(data.err);
|
||||||
|
// }
|
||||||
|
// }).fail(function (jqXHR, textStatus, errorThrown) {
|
||||||
|
// bt.prop('disabled', false);
|
||||||
|
// alert(errorThrown);
|
||||||
|
// });
|
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
// form表单
|
||||||
|
if ($('.g_form_js').get(0)) { |
||||||
|
|
||||||
|
$('.g_form_js .btJS').click(function (e) { |
||||||
|
|
||||||
|
e.preventDefault(); |
||||||
|
|
||||||
|
let inputList = $('.g_form_js input'); |
||||||
|
for (let i = 0; i < inputList.length; i++) { |
||||||
|
if (!inputList[i].value) { |
||||||
|
alert($(inputList[i]).attr('Warning')); |
||||||
|
return false; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
let bt = $(this), btLoading = bt.children('.bt_class_JS'), btText = bt.children('.bt_text_JS'); |
||||||
|
btLoading.removeClass('elementNone'); |
||||||
|
bt.prop('disabled', true); |
||||||
|
btText.text('请求中...'); |
||||||
|
|
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
// 公用功能
|
||||||
|
var taJian = { |
||||||
|
debug: false, |
||||||
|
domain: 'https://tajian.tv', |
||||||
|
|
||||||
|
apis: { |
||||||
|
addVideos: '/frontapi/addfav', //添加视频
|
||||||
|
addVideos: '/frontapi/addfav', //注册
|
||||||
|
addVideos: '/frontapi/addfav' //登入
|
||||||
|
|
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
function publicAjax(apiUrl, method, datas, callback, fail) { |
||||||
|
let self = this; |
||||||
|
|
||||||
|
let Options = { |
||||||
|
url: apiUrl, |
||||||
|
method: method, |
||||||
|
data: datas, |
||||||
|
dataType: 'json' |
||||||
|
}; |
||||||
|
if (self.debug) { |
||||||
|
Options.crossDomain = true; |
||||||
|
Options.xhrFields = { |
||||||
|
withCredentials: true |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
$.ajax(Options).done(function (data) { |
||||||
|
callback(data); |
||||||
|
}).fail(function (jqXHR, textStatus, errorThrown) { |
||||||
|
|
||||||
|
fail(jqXHR, textStatus, errorThrown); |
||||||
|
|
||||||
|
}); |
||||||
|
}; |
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,15 @@ |
|||||||
|
(function($,window,document,undefined){var $window=$(window);$.fn.lazyload=function(options){var elements=this;var $container;var settings={threshold:0,failure_limit:0,event:"scroll",effect:"show",container:window,data_attribute:"original",skip_invisible:true,appear:null,load:null,placeholder:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC"};function update(){var counter=0;elements.each(function(){var $this=$(this);if(settings.skip_invisible&&!$this.is(":visible")){return;} |
||||||
|
if($.abovethetop(this,settings)||$.leftofbegin(this,settings)){}else if(!$.belowthefold(this,settings)&&!$.rightoffold(this,settings)){$this.trigger("appear");counter=0;}else{if(++counter>settings.failure_limit){return false;}}});} |
||||||
|
if(options){if(undefined!==options.failurelimit){options.failure_limit=options.failurelimit;delete options.failurelimit;} |
||||||
|
if(undefined!==options.effectspeed){options.effect_speed=options.effectspeed;delete options.effectspeed;} |
||||||
|
$.extend(settings,options);} |
||||||
|
$container=(settings.container===undefined||settings.container===window)?$window:$(settings.container);if(0===settings.event.indexOf("scroll")){$container.bind(settings.event,function(){return update();});} |
||||||
|
this.each(function(){var self=this;var $self=$(self);self.loaded=false;if($self.attr("src")===undefined||$self.attr("src")===false){if($self.is("img")){$self.attr("src",settings.placeholder);}} |
||||||
|
$self.one("appear",function(){if(!this.loaded){if(settings.appear){var elements_left=elements.length;settings.appear.call(self,elements_left,settings);} |
||||||
|
$("<img />").bind("load",function(){var original=$self.attr("data-"+settings.data_attribute);$self.hide();if($self.is("img")){$self.attr("src",original);}else{$self.css("background-image","url('"+original+"')");} |
||||||
|
$self[settings.effect](settings.effect_speed);self.loaded=true;var temp=$.grep(elements,function(element){return!element.loaded;});elements=$(temp);if(settings.load){var elements_left=elements.length;settings.load.call(self,elements_left,settings);}}).attr("src",$self.attr("data-"+settings.data_attribute));}});if(0!==settings.event.indexOf("scroll")){$self.bind(settings.event,function(){if(!self.loaded){$self.trigger("appear");}});}});$window.bind("resize",function(){update();});if((/(?:iphone|ipod|ipad).*os 5/gi).test(navigator.appVersion)){$window.bind("pageshow",function(event){if(event.originalEvent&&event.originalEvent.persisted){elements.each(function(){$(this).trigger("appear");});}});} |
||||||
|
$(document).ready(function(){update();});return this;};$.belowthefold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=(window.innerHeight?window.innerHeight:$window.height())+$window.scrollTop();}else{fold=$(settings.container).offset().top+$(settings.container).height();} |
||||||
|
return fold<=$(element).offset().top-settings.threshold;};$.rightoffold=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.width()+$window.scrollLeft();}else{fold=$(settings.container).offset().left+$(settings.container).width();} |
||||||
|
return fold<=$(element).offset().left-settings.threshold;};$.abovethetop=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollTop();}else{fold=$(settings.container).offset().top;} |
||||||
|
return fold>=$(element).offset().top+settings.threshold+$(element).height();};$.leftofbegin=function(element,settings){var fold;if(settings.container===undefined||settings.container===window){fold=$window.scrollLeft();}else{fold=$(settings.container).offset().left;} |
||||||
|
return fold>=$(element).offset().left+settings.threshold+$(element).width();};$.inviewport=function(element,settings){return!$.rightoffold(element,settings)&&!$.leftofbegin(element,settings)&&!$.belowthefold(element,settings)&&!$.abovethetop(element,settings);};$.extend($.expr[":"],{"below-the-fold":function(a){return $.belowthefold(a,{threshold:0});},"above-the-top":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-screen":function(a){return $.rightoffold(a,{threshold:0});},"left-of-screen":function(a){return!$.rightoffold(a,{threshold:0});},"in-viewport":function(a){return $.inviewport(a,{threshold:0});},"above-the-fold":function(a){return!$.belowthefold(a,{threshold:0});},"right-of-fold":function(a){return $.rightoffold(a,{threshold:0});},"left-of-fold":function(a){return!$.rightoffold(a,{threshold:0});}});})(jQuery,window,document); |
||||||
@ -0,0 +1,118 @@ |
|||||||
|
<!-- The author Tan --> |
||||||
|
<!DocType html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<meta name="referrer" content="default"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||||
|
<meta name="renderer" content="webkit"> |
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||||
|
<link rel="icon" href="images/machete_icon.png"> |
||||||
|
<title>登入</title> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/index.css?a=4557"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div class="app_login g_app_lay" id="app_login"> |
||||||
|
<header class="top_nav"> |
||||||
|
<a class="log_tn clearfix" href=""> |
||||||
|
<img class="verMiddle" src="images/machete_icon.png" alt="log图片" /> |
||||||
|
<span class="verMiddle">Ta荐</span> |
||||||
|
</a> |
||||||
|
<div class="search hide_movi_xs"> |
||||||
|
<form id="search_form" class="search_form" action="" method="get"> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="input_sf_JS" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
<div class="right_class_tn"> |
||||||
|
<a class="search_move_tn visible_movi_xs" href="javascript:;" title="搜索"><img src="images/search.svg" alt="图片" /></a> |
||||||
|
<a class="connect_me_tn connectmeJS" href="javascript:;" title="联系我们"><img src="images/contactUs.svg" alt="图片" /></a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="app_layout_side"> |
||||||
|
<div class="menu_ls g_ls_menus"> |
||||||
|
<a class="this_set" href="/index.html" title=""> |
||||||
|
<img src="images/choice.svg" alt="图片" /> |
||||||
|
<span>推荐</span> |
||||||
|
</a> |
||||||
|
<a href="/addvideo.html" title=""> |
||||||
|
<img src="images/addvideos.svg" alt="图片" /> |
||||||
|
<span>添加</span> |
||||||
|
</a> |
||||||
|
<a href="/userCenter.html" title=""> |
||||||
|
<img src="images/PersonalCenter.svg" alt="图片" /> |
||||||
|
<span>我的</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="g_ls_menus hide_movi_xs"> |
||||||
|
<div class="meuns_title">视频分类</div> |
||||||
|
<a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>经济</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>思考</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>哲学</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>影音</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>搞笑</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>运动</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<main class="g_main_lay g_main_border"> |
||||||
|
<form class="login_form g_form_js g_form_style" id="login_form" action="" method="get"> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_user" class="form-label">用户名</label> |
||||||
|
<input type="text" Warning="用户名不能为空" id="text_input_user" placeholder="输入用户名"> |
||||||
|
</div> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_pas" class="form-label">密码</label> |
||||||
|
<input type="password" Warning="密码不能为空" id="text_input_pas" placeholder="输入密码"> |
||||||
|
</div> |
||||||
|
<div class="avform_bt vercenter"> |
||||||
|
<button class="btJS" aria-label="提交"> |
||||||
|
<div class="loading_bt bt_class_JS elementNone verMiddle"> |
||||||
|
<svg viewBox="25 25 50 50"> |
||||||
|
<circle cx="50" cy="50" r="20"></circle> |
||||||
|
</svg> |
||||||
|
</div> |
||||||
|
<span class="bt_text_JS">登入</span> |
||||||
|
<div class="bt_loading_cover bt_class_JS elementNone"></div> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
</main> |
||||||
|
<!-- 右侧弹出框 --> |
||||||
|
<div class="blank_cover elementNone blank_coverJS rtcloseJS"></div> |
||||||
|
<div class="right_sidebox right_sideboxJS elementNone"> |
||||||
|
<h5> |
||||||
|
<span>联系我们</span> |
||||||
|
<a class="rtcloseJS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
</h5> |
||||||
|
|
||||||
|
<p class="sort1">微信扫码加好友</p> |
||||||
|
<div class="vercenter"><img class="codeimg" src="images/wx_jialuoma.jpeg" alt="微信二维码" /></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> |
||||||
|
<script type="text/javascript" src="js/index.js?a=4556"></script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,122 @@ |
|||||||
|
<!-- The author Tan --> |
||||||
|
<!DocType html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<meta name="referrer" content="default"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||||
|
<meta name="renderer" content="webkit"> |
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||||
|
<link rel="icon" href="images/machete_icon.png"> |
||||||
|
<title>注册</title> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/index.css?a=5676"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div class="app_register g_app_lay" id="app_register"> |
||||||
|
<header class="top_nav"> |
||||||
|
<a class="log_tn clearfix" href=""> |
||||||
|
<img class="verMiddle" src="images/machete_icon.png" alt="log图片" /> |
||||||
|
<span class="verMiddle">Ta荐</span> |
||||||
|
</a> |
||||||
|
<div class="search hide_movi_xs"> |
||||||
|
<form id="search_form" class="search_form" action="" method="get"> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="input_sf_JS" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
<div class="right_class_tn"> |
||||||
|
<a class="search_move_tn visible_movi_xs" href="javascript:;" title="搜索"><img src="images/search.svg" alt="图片" /></a> |
||||||
|
<a class="connect_me_tn connectmeJS" href="javascript:;" title="联系我们"><img src="images/contactUs.svg" alt="图片" /></a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="app_layout_side"> |
||||||
|
<div class="menu_ls g_ls_menus"> |
||||||
|
<a class="this_set" href="/index.html" title=""> |
||||||
|
<img src="images/choice.svg" alt="图片" /> |
||||||
|
<span>推荐</span> |
||||||
|
</a> |
||||||
|
<a href="/addvideo.html" title=""> |
||||||
|
<img src="images/addvideos.svg" alt="图片" /> |
||||||
|
<span>添加</span> |
||||||
|
</a> |
||||||
|
<a href="/userCenter.html" title=""> |
||||||
|
<img src="images/PersonalCenter.svg" alt="图片" /> |
||||||
|
<span>我的</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="g_ls_menus hide_movi_xs"> |
||||||
|
<div class="meuns_title">视频分类</div> |
||||||
|
<a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>经济</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>思考</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>哲学</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>影音</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>搞笑</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>运动</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<main class="g_main_lay g_main_border"> |
||||||
|
<form class="register_form g_form_js g_form_style" id="register_form" action="" method="get"> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_user" class="form-label">用户名</label> |
||||||
|
<input type="text" Warning="用户名不能为空" id="text_input_user" placeholder="输入用户名"> |
||||||
|
</div> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_pas" class="form-label">密码</label> |
||||||
|
<input type="password" Warning="密码不能为空" id="text_input_pas" placeholder="输入密码"> |
||||||
|
</div> |
||||||
|
<div class=""> |
||||||
|
<label for="text_input_email" class="form-label">邮箱</label> |
||||||
|
<input type="text" Warning="邮箱不能为空" id="text_input_email" placeholder="输入邮箱"> |
||||||
|
</div> |
||||||
|
<div class="avform_bt vercenter"> |
||||||
|
<button class="btJS" aria-label="提交"> |
||||||
|
<div class="loading_bt bt_class_JS elementNone verMiddle"> |
||||||
|
<svg viewBox="25 25 50 50"> |
||||||
|
<circle cx="50" cy="50" r="20"></circle> |
||||||
|
</svg> |
||||||
|
</div> |
||||||
|
<span class="bt_text_JS">注册</span> |
||||||
|
<div class="bt_loading_cover bt_class_JS elementNone"></div> |
||||||
|
</button> |
||||||
|
</div> |
||||||
|
|
||||||
|
</form> |
||||||
|
</main> |
||||||
|
<!-- 右侧弹出框 --> |
||||||
|
<div class="blank_cover elementNone blank_coverJS rtcloseJS"></div> |
||||||
|
<div class="right_sidebox right_sideboxJS elementNone"> |
||||||
|
<h5> |
||||||
|
<span>联系我们</span> |
||||||
|
<a class="rtcloseJS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
</h5> |
||||||
|
|
||||||
|
<p class="sort1">微信扫码加好友</p> |
||||||
|
<div class="vercenter"><img class="codeimg" src="images/wx_jialuoma.jpeg" alt="微信二维码" /></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> |
||||||
|
<script type="text/javascript" src="js/index.js?a=5667"></script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
@ -0,0 +1,165 @@ |
|||||||
|
<!-- The author Tan --> |
||||||
|
<!DocType html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> |
||||||
|
<meta name="referrer" content="default"> |
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> |
||||||
|
<meta name="renderer" content="webkit"> |
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
||||||
|
<link rel="icon" href="images/machete_icon.png"> |
||||||
|
<title>我的</title> |
||||||
|
<link rel="stylesheet" type="text/css" href="css/index.css?a=3434556"> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div class="app_user_center g_app_lay" id="app_user_center"> |
||||||
|
<header class="top_nav"> |
||||||
|
<a class="log_tn clearfix" href=""> |
||||||
|
<img class="verMiddle" src="images/machete_icon.png" alt="log图片" /> |
||||||
|
<span class="verMiddle">Ta荐</span> |
||||||
|
</a> |
||||||
|
<div class="search hide_movi_xs"> |
||||||
|
<form id="search_form" class="search_form" action="" method="get"> |
||||||
|
<div class="input_sf"> |
||||||
|
<input class="input_sf_JS" type="search" placeholder="搜索" /> |
||||||
|
</div> |
||||||
|
<button class="input_sm bt_JS" aria-label="搜索"><img src="images/search.svg" alt="图片" /></button> |
||||||
|
</form> |
||||||
|
</div> |
||||||
|
<div class="right_class_tn"> |
||||||
|
<a class="search_move_tn visible_movi_xs" href="javascript:;" title="搜索"><img src="images/search.svg" alt="图片" /></a> |
||||||
|
<a class="connect_me_tn connectmeJS" href="javascript:;" title="联系我们"><img src="images/contactUs.svg" alt="图片" /></a> |
||||||
|
</div> |
||||||
|
</header> |
||||||
|
<div class="app_layout_side"> |
||||||
|
<div class="menu_ls g_ls_menus"> |
||||||
|
<a href="/index.html" title=""> |
||||||
|
<img src="images/choice.svg" alt="图片" /> |
||||||
|
<span>推荐</span> |
||||||
|
</a> |
||||||
|
<a href="/addvideo.html" title=""> |
||||||
|
<img src="images/addvideos.svg" alt="图片" /> |
||||||
|
<span>添加</span> |
||||||
|
</a> |
||||||
|
<a class="this_set" href="/userCenter.html" title=""> |
||||||
|
<img src="images/PersonalCenter.svg" alt="图片" /> |
||||||
|
<span>我的</span> |
||||||
|
</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="g_ls_menus hide_movi_xs"> |
||||||
|
<div class="meuns_title">视频分类</div> |
||||||
|
<a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>经济</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>思考</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>哲学</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>影音</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>搞笑</span> |
||||||
|
</a><a class="" href="javascript:;" title="搜索"> |
||||||
|
<img src="images/other.svg" alt="图片" /> |
||||||
|
<span>运动</span> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<main class="g_main_lay g_main_border user_info_main"> |
||||||
|
<div class="ui_name"> |
||||||
|
<img src="images/machete_icon.png" alt="图片" /> |
||||||
|
<span>用户名</span> |
||||||
|
</div> |
||||||
|
<div class="ui_related"> |
||||||
|
<div class="ui_menu"> |
||||||
|
<a class="this_sel" href="javascript:;">视频</a> |
||||||
|
|
||||||
|
</div> |
||||||
|
<div class="videos_list clearfix"> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="vl_list_main advideo-item"> |
||||||
|
<div class="video_img_vl"> |
||||||
|
<a href="" target="_blank" title="" class=""> |
||||||
|
<img class="lazy" src="" data-original="https://tajian.tv/tajian/data/9629a649addd35d1c1c8904a763ced47.jpeg" |
||||||
|
alt="" src=""> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="video_title_vl"> |
||||||
|
<a href="" target="_blank">有些陷阱就是对手设的局，有些理念就是资金种的，有些鸡汤就是收割你的</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="ui_video_state vercenter">你还没有添加过任何视频</div> |
||||||
|
</div> |
||||||
|
</main> |
||||||
|
<!-- 右侧弹出框 --> |
||||||
|
<div class="blank_cover elementNone blank_coverJS rtcloseJS"></div> |
||||||
|
<div class="right_sidebox right_sideboxJS elementNone"> |
||||||
|
<h5> |
||||||
|
<span>联系我们</span> |
||||||
|
<a class="rtcloseJS" href="javascript:;"> |
||||||
|
<img class="icon svgimg verMiddle" src="images/clos.svg" alt="关闭" title="关闭" /> |
||||||
|
</a> |
||||||
|
</h5> |
||||||
|
|
||||||
|
<p class="sort1">微信扫码加好友</p> |
||||||
|
<div class="vercenter"><img class="codeimg" src="images/wx_jialuoma.jpeg" alt="微信二维码" /></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/jquery-3.7.1.min.js"></script> |
||||||
|
<script type="text/javascript" src="js/lazyload.js"></script> |
||||||
|
<script type="text/javascript" src="js/index.js?a=86756"></script> |
||||||
|
</body> |
||||||
|
</html> |
||||||
Loading…
Reference in new issue