Files
orico-official-website-old/app/usmobile/view/download/catelists.phtml
2024-10-29 14:04:59 +08:00

110 lines
4.5 KiB
PHTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Software download_ORICO</title>
<meta name="Keywords" content="Software download">
<meta name="Description" content="Software download">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<style>
.clearfix:after {content: ".";display: block;height:0;clear:both; visibility:hidden; }
.clearfix {*zoom:1;}
.mobile-search { background:#004BFA;width:100%;padding:1rem 0 0.5rem;}
.download-title {font-size:28px; text-align: center; color:#333;margin:15px 0;}
.download-bg {background: #fff;border-radius:10px; margin:8px 25px;box-shadow: 0px 2px 40px 0px #E6EAF4;-moz-box-shadow: 0px 2px 40px 0px #E6EAF4;-webkit-box-shadow:0px 2px 40px 0px #E6EAF4; padding:1.333rem;}
@media screen and (max-width: 375px) {
.download-left {width:60%;margin:auto; }
.download-right {width:100%; font-size:0.8rem;}
.down-btn {border:1px solid #009fdf;;text-align: center; color:#009fdf; font-size: 0.8rem; margin:auto; border-radius: 20px;padding:0.5rem 1rem }
}
.download-left img {width:100%;}
@media screen and (min-width: 376px) {
.download-left {width:30%; float: left;}
.download-right {width:65%; float: right; font-size: 0.64rem;}
}
.down-btn {border:1px solid #009fdf;text-align: center; color:#009fdf; font-size: 0.8rem; margin:5px 0; border-radius: 20px;padding:0.5rem 1rem }
.down-btn a { color:#009fdf;}
.down-gray {color:#666; margin: 5px 0;}
</style>
</head>
<body>
<!--头部-->
{include file="include/top" /}
<!--search-->
<div class="margin-45"></div>
<div class="menu mobile-search margin-top-90">
<div class="search">
<!-- <a href="__ORICOROOT__/search">-->
<form action="__ORICOROOT__/download.html" method="get">
<div class="search margin-bottom-30">
<button class="updown_search_btn" type="sumbit" id="search-btn"><span class="icon-search-svg"></span></button>
<input class="form-control" id="search_software" name="keywords" placeholder="search" value="<?php if(isset($keywords)){ echo $keywords;} ?>" type="text">
</div>
</form>
<!-- </a> -->
</div>
</div>
<!--Software download-->
<div class="download-title">Software download</div>
<!--循环-->
<?php if($list):?>
<?php foreach ($list as $key => $value): ?>
<div class="download-bg clearfix">
<div class="download-left"><img src="<?php echo $value['picture']; ?>"></div>
<div class="download-right">
<div class="font-48"> <?php echo $value['name']; ?></div>
<div class="down-gray">
<p>Supported Models: <?php echo $value['app_model']; ?></p>
<p>Supported Systems: <?php echo $value['support_os']; ?></p>
</div>
<div class="down-btn">
<?php
$downloadpath = explode(',', $value['downloadpath']);
$downloadpath64 = explode(',', $value['downloadpath64']);
foreach ($downloadpath as $k => $dl):
$dlname = empty($downloadpath64[$k]) ? 'Download' : $downloadpath64[$k];
//$url=url('index/download/download', ['id' => $detail['id'], 'bit' => $k]);
?>
<a href="<?php echo $dl; ?>" data-cod="dl" data-id="<?php echo $value['id']; ?>" target="_blank"><span class="l_button"><?php echo $dlname; ?></span></a>
<?php endforeach; ?>
</div>
</div>
</div>
<?php endforeach; ?>
<?php else:?>
<div class="download-bg clearfix">No Software!</div>
<?php endif;?>
<?php if ($page) { echo $page; } ?>
<!--底部-->
{include file="include/bottom" /}
<script type="text/javascript">
$(function() {
//
$("#search-btn").bind("click", function(event) {
var skeyword = $("#search_input").val();
if (skeyword) {
var href = "<?php echo url('/usmobile/download'); ?>?skeyword=" + encodeURIComponent(skeyword);
location.href = href;
}
else{
var href = "<?php echo url('/usmobile/download'); ?>";
location.href = href;
}
});
$("#search_software").keyup(function(event) {
if (event && event.keyCode === 13) {
$("#search-btn").trigger("click");
}
});
});
</script>
</body></html>