init
This commit is contained in:
196
app/us/view/video/items.phtml
Executable file
196
app/us/view/video/items.phtml
Executable file
@@ -0,0 +1,196 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>视频</title>
|
||||
{include file="include/head" /}
|
||||
<script type="text/javascript">
|
||||
var navID = "1";
|
||||
</script>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/software.css">
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/montserrat.css">
|
||||
</head>
|
||||
|
||||
<body class="bg-gray">
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
|
||||
{include file="include/top-header2023" /}
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-header-mobile" /}
|
||||
<!--内容-->
|
||||
<!--banner-->
|
||||
<div class="Swt-Banner position-r">
|
||||
<img src="__PUBLIC__/weben/images/software/banner_01.png" alt="" />
|
||||
<div class="banner_title">软件和驱动程序</div>
|
||||
</div>
|
||||
<!--banner-->
|
||||
<div class="contact_c">
|
||||
<!--搜索-->
|
||||
<div class="search_all">
|
||||
<input type="text" name="textfield" placeholder="搜索">
|
||||
<div class="searchbtn" id="search-btn"><img src="__PUBLIC__/weben/images/software/search.png"></div>
|
||||
</div>
|
||||
<!--搜索-->
|
||||
<!--tab切换-->
|
||||
<div class="tab">
|
||||
<a href="__ORICOROOT__/download.html" class="list">软件驱动</a>
|
||||
<a href="<?php echo url('download/catelists_down?id=45')?>" class="list">手册</a>
|
||||
<a href="__ORICOROOT__/video/category/1.html" class="list on">视频</a>
|
||||
</div>
|
||||
<!--tab切换-->
|
||||
<!--video-->
|
||||
<?php if ($videoCategory): ?>
|
||||
<div class="video">
|
||||
<div class="hd">
|
||||
<ul>
|
||||
<?php foreach ($videoCategory as $k => $vc): ?>
|
||||
<li<?php if ($category['id'] == $vc['id']): ?> class="on" <?php endif; ?>><?php echo $vc['name']; ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bd">
|
||||
<?php foreach ($videoCategory as $k => $vc): ?>
|
||||
<ul data-cid="<?php echo $vc['id']; ?>">
|
||||
<?php
|
||||
?>
|
||||
<dl class="video_hotul" id="dl<?php echo $vc['id']; ?>">
|
||||
<?php
|
||||
if ($vc['id'] == $category['id'] && !empty($list)):
|
||||
foreach ($list as $video):
|
||||
?>
|
||||
<dd>
|
||||
<div class="hot1">
|
||||
<video preload="none" controls="controls" poster="<?php echo getImage($video['picture']); ?>">
|
||||
<source src="<?php echo $video['videopath'];?>" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
<div class="htit">
|
||||
<div class="htit1"><?php echo $video['name']; ?></div>
|
||||
<div class="htit2">
|
||||
<?php echo msubstr($video['description'], 0, 160, 'utf-8'); ?>ORICO 2169U3 full mesh 2.5 inch hard
|
||||
drive enclosure, all-round heat-dissipation; compatible with SATA HDD below 9.5mm. </div>
|
||||
</div>
|
||||
</dd>
|
||||
<?php endforeach; ?>
|
||||
<div class="clear"></div>
|
||||
<?php endif; ?>
|
||||
</dl>
|
||||
<div id="page<?php echo $vc['id']; ?>">
|
||||
<!-- 分页 s -->
|
||||
<?php
|
||||
if ($vc['id'] == $category['id'] && !empty($list) && $page) {
|
||||
echo $page;
|
||||
}
|
||||
?>
|
||||
<!-- 分页 e -->
|
||||
</div>
|
||||
</ul>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</div>
|
||||
<!-- Add Arrows -->
|
||||
<script>
|
||||
jQuery(".video .hd").slide({
|
||||
mainCell: "ul",
|
||||
autoPlay: false,
|
||||
effect: "left",
|
||||
vis: 8,
|
||||
scroll: 1,
|
||||
autoPage: false,
|
||||
prevCell: ".prev",
|
||||
nextCell: ".next"
|
||||
});
|
||||
$(".video").slide({
|
||||
trigger: "click",
|
||||
defaultIndex: 0,
|
||||
startFun: startFun,
|
||||
});
|
||||
var thiscid = "<?php echo $category['id']; ?>";
|
||||
$(function() {
|
||||
$("#page" + thiscid + " a[href^='__ORICOROOT__/video']").click(aPageClick);
|
||||
});
|
||||
|
||||
function startFun(i, c, slider) {
|
||||
var $current = $(".bd ul", slider).eq(i);
|
||||
if ($current.length) {
|
||||
var cid = $current.data('cid'),
|
||||
url = '__ORICOROOT__/video/category/' + cid + '.html';
|
||||
if ($("#dl" + cid + " dd", $current).length == 0) {
|
||||
getPageContent(url);
|
||||
}
|
||||
}
|
||||
console.log(i);
|
||||
}
|
||||
|
||||
function aPageClick(event) {
|
||||
event.preventDefault()
|
||||
var url = this.href;
|
||||
if (url) {
|
||||
getPageContent(url);
|
||||
}
|
||||
}
|
||||
|
||||
function getPageContent(url) {
|
||||
$.ajax({
|
||||
url: url,
|
||||
async: false,
|
||||
dataType: "json",
|
||||
success: function(data) {
|
||||
if (data.code && data.data.list) {
|
||||
var html = '',
|
||||
list = data.data.list,
|
||||
len = list.length,
|
||||
i, cid = data.data.category.id;
|
||||
for (i = 0; i < len; i++) {
|
||||
html += '<dd>';
|
||||
// html += '<a href="/us/video/detail/' + list[i].id + '.html">';
|
||||
//html += '<div class="hot1"><div class="himg"><img src="' + list[i].picture + '"></div></div>';
|
||||
html += '<video preload="none" controls="controls" poster="' + list[i].picture +
|
||||
'"><source src="' + list[i].videopath + '" type="video/mp4"></video>';
|
||||
html += '<div class="htit">'
|
||||
html += '<div class="htit1">' + list[i].name + '</div>';
|
||||
html += '<div class="htit2">' + list[i].description.substring(0, 160) + '</div>';
|
||||
html += '</div>'
|
||||
html += '</dd>';
|
||||
}
|
||||
|
||||
html += '<div class="clear"></div>';
|
||||
$("#dl" + cid).html(html);
|
||||
$("#page" + cid).html(data.data.page);
|
||||
$("#page" + cid + " a[href^='/us/video']").click(aPageClick);
|
||||
$("html, body").animate({
|
||||
scrollTop: $("#dl" + cid).offset().top
|
||||
}, 1000);
|
||||
}
|
||||
},
|
||||
error: function() {
|
||||
//alert("请求超时,请重试!");
|
||||
}
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<div class="height_130"></div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<!--video-->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--内容 -->
|
||||
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom2023" /}
|
||||
<!-- bottom e -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user