init
This commit is contained in:
191
app/index/view/article/catelists.phtml
Executable file
191
app/index/view/article/catelists.phtml
Executable file
@@ -0,0 +1,191 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
{include file="include/head-seo" /}
|
||||
{include file="include/head" /}
|
||||
<script type="text/javascript">
|
||||
var navID = "1";</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
|
||||
{include file="include/top-head2023" /}
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-header-mobile" /}
|
||||
<!--top End-->
|
||||
<?php if ($category['picture']): ?>
|
||||
<!-- 轮播 s -->
|
||||
<div class="homeban">
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><img src="/frontend/web/images/ch-blog.jpg"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 轮播 e -->
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="swt-Container">
|
||||
<div class="news-vertu">
|
||||
<div class="tab">
|
||||
<?php if(!empty($cate_list)): ?>
|
||||
<?php foreach ($cate_list as $key => $value): ?>
|
||||
<a href="__ORICOROOT__/article/category/<?php echo $value['id'] ?>.html" class="<?php if ($category['id'] == $value['id']): ?> on <?php endif; ?>"><?php echo $value['name']; ?></a>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="search_box">
|
||||
<i class="search_icon"></i>
|
||||
<input type="text" placeholder="" class="search" id="article-search-in" value="">
|
||||
</div>
|
||||
<div class="content">
|
||||
<?php if ($list):?>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="blog_list ">
|
||||
<?php foreach ($list as $detail):?>
|
||||
<?php
|
||||
if($detail['jump_link'] == ''){
|
||||
$alink = url_rewrite('articledetail', array('id' => $detail['id']));
|
||||
}
|
||||
else{
|
||||
$alink = $detail['jump_link'];
|
||||
}
|
||||
?>
|
||||
<div class="clearfix">
|
||||
<a href="<?php echo $alink;?>">
|
||||
<img src="<?php echo getImage($detail['picture'], 1500, 1000, 6); ?>">
|
||||
<h3><?php echo $detail['name']; ?></h3>
|
||||
<p><?php echo msubstr($detail['description'], 0, 200); ?></p>
|
||||
</a>
|
||||
<span class="blue"><?php echo date("Y-m-d H:i:s",$detail['createtime']); ?></span>
|
||||
</div>
|
||||
|
||||
<?php endforeach;?>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 新闻列表 s -->
|
||||
<?php else:?>
|
||||
<div class="clearfix"> 查询无此结果!</div>
|
||||
<?php endif;?>
|
||||
|
||||
|
||||
|
||||
<!-- 分页 s -->
|
||||
<?php
|
||||
if ($page) {
|
||||
echo $page;
|
||||
}
|
||||
?>
|
||||
<!-- 分页 e -->
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$(".newfl .addzan").click(function(event) {
|
||||
event.preventDefault();
|
||||
var love = $(this);
|
||||
var id = love.data("id"); //对应id
|
||||
if (!love.data("zan")) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: "json",
|
||||
url: "<?php echo url('/index/article/zan'); ?>",
|
||||
data: {id: id},
|
||||
cache: false, //不缓存此页面
|
||||
success: function(data) {
|
||||
//console.log(data);
|
||||
if (data.code) {
|
||||
love.data("zan", true);
|
||||
love.html('<i class="f2"></i>点赞(' + data.data + ')');
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
alert('您已点过赞了!');
|
||||
}
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<?php
|
||||
$pingluns = getDifferentPinglun('ishot', 8);
|
||||
if ($pingluns):
|
||||
?>
|
||||
<div class="newrh">
|
||||
<div class="plun">精彩评论</div>
|
||||
<ul class="pllist">
|
||||
<?php foreach ($pingluns as $pinglun): ?>
|
||||
<li>
|
||||
<a href="<?php echo url('index/pinglun/lists', ['type' => strtolower($pinglun['typeid']), 'cid' => $pinglun['content_id']]); ?>">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns<?php echo $pinglun['tx']; ?>.jpg"></div>
|
||||
<div class="peo1"><?php echo $pinglun['cname']; ?></div>
|
||||
<div class="peo2"><?php echo $pinglun['createtime']; ?></div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1"><?php echo msubstr($pinglun['content'], 0, 200); ?></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<!-- 新闻列表 e -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom2023" /}
|
||||
<!-- bottom e -->
|
||||
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$(".news-vertu .tab a").click(function(){
|
||||
$(this).addClass('on').siblings().removeClass('on');
|
||||
var index = $(this).index();
|
||||
number = index;
|
||||
$('.news-vertu .content li').hide();
|
||||
$('.news-vertu .content li:eq('+index+')').show();
|
||||
});
|
||||
|
||||
var auto = 1; //等于1则自动切换,其他任意数字则不自动切换
|
||||
if(auto ==1){
|
||||
var number = 0;
|
||||
var maxNumber = $('.news-vertu .tab a').length;
|
||||
function autotab(){
|
||||
number++;
|
||||
number == maxNumber? number = 0 : number;
|
||||
$('.news-vertu .tab a:eq('+number+')').addClass('on').siblings().removeClass('on');
|
||||
$('.news-vertu .content ul li:eq('+number+')').show().siblings().hide();
|
||||
}
|
||||
}
|
||||
|
||||
//新闻搜索
|
||||
var article_search_input = $("#article-search-in");
|
||||
|
||||
$(article_search_input).on("keyup", function(e){
|
||||
$("#article-search-in").keyup(function(event) {
|
||||
if (event && event.keyCode === 13) {
|
||||
var keywords = $("#article-search-in").val();
|
||||
var href = "?skeyword=" + encodeURIComponent(keywords);
|
||||
location.href = href;
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
305
app/index/view/article/catelists2023.phtml
Executable file
305
app/index/view/article/catelists2023.phtml
Executable file
@@ -0,0 +1,305 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>News-ORICO Global Site</title>
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/catelists.css">
|
||||
{include file="include/head-seo" /}
|
||||
{include file="include/head" /}
|
||||
<script type="text/javascript">
|
||||
var navID = "1";</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-head2023" /}
|
||||
|
||||
<?php if ($category['picture']): ?>
|
||||
|
||||
<!-- 轮播 s -->
|
||||
<div class="homeban">
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<!--<li><img src="<?php echo getImage($category['picture']); ?>"/></li>-->
|
||||
<li><img src="__PUBLIC__/weben/images/Introductionimg/Achievement.png"/></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 轮播 e -->
|
||||
<?php endif; ?>
|
||||
<!-- 新闻列表 e -->
|
||||
<div class="Container1">
|
||||
<div class="achive swt-Container">
|
||||
<div class="title">Our Achievement</div>
|
||||
<div class="number">
|
||||
<div class="achive_shuju">
|
||||
<div class="title1">400+</div>
|
||||
<div class="subtitle1">Daily Order</div>
|
||||
</div>
|
||||
<div class="achive_shuju">
|
||||
<div class="title1">800+</div>
|
||||
<div class="subtitle1">Product R & D patent</div>
|
||||
</div>
|
||||
<div class="achive_shuju">
|
||||
<div class="title1">100+</div>
|
||||
<div class="subtitle1">Countries and Regions</div>
|
||||
</div>
|
||||
<div class="achive_shuju">
|
||||
<div class="title1">20+</div>
|
||||
<div class="subtitle1">International Design Award</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline Container">
|
||||
<div class="swt-Container">
|
||||
<div class="title">Brand Events</div>
|
||||
<div class="timeline1 swt-Container">
|
||||
|
||||
<div class="box">
|
||||
<div class="timeline-time">
|
||||
<ul class="event_year">
|
||||
<li class="current"><label for="2021">2021</label></li>
|
||||
<li><label for="2020">2020</label></li>
|
||||
<li><label for="2019">2019</label></li>
|
||||
<li><label for="2018">2018</label></li>
|
||||
<li><label for="2017">2017</label></li>
|
||||
<li><label for="2016">2016</label></li>
|
||||
<li><label for="2015">2015</label></li>
|
||||
<li><label for="2014">2014</label></li>
|
||||
<li><label for="2013">2013</label></li>
|
||||
<li><label for="2012">2012</label></li>
|
||||
<li><label for="2011">2011</label></li>
|
||||
<li><label for="2010">2010</label></li>
|
||||
<li><label for="2009">2009</label></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="timeline-con">
|
||||
<div class="con_event_list" >
|
||||
<ul class="event_list">
|
||||
<div>
|
||||
<h3 id="2021" class="backgroundimg">2021</h3>
|
||||
<li>
|
||||
<p><span>Joined Xinchuang Alliance Industry Association and incubated subsidiary brand – IAMAKER.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2020">2020</h3>
|
||||
<li>
|
||||
<p><span>Selected as the 18th Shenzhen Famous Brands and the 7th Credible Global Brand; incubated subsidiary brand IDSONIX and achieved strategic cooperation with Lenovo on personal cloud storage and drive enclosures.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2019">2019</h3>
|
||||
<li>
|
||||
<p><span>Celebrated ORICO’s 10th anniversary and incubated subsidiary brand – Yottamaster.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2018">2018</h3>
|
||||
<li>
|
||||
<p><span>Listed on the China’s top 30 cross-border e-commerce overseas brands in 2018 and started overall brand upgrade.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2017">2017</h3>
|
||||
<li>
|
||||
<p><span>New industrial chain incubation platform of ORICO Internet & Creativity Industrial Park was established officially.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2016">2016</h3>
|
||||
<li>
|
||||
<p><span>Quality Control Center was established by PICC IWS and Dongguan Quality Inspection while built up the strategic partner relationship with Fresco.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2015">2015</h3>
|
||||
<li>
|
||||
<p><span>ORICO branch in Hunan was established, which marked the officially operation of brand’s global e-commerce center. At the same time, ORICO Internet & Creativity Industrial Park was founded in Dongguan. The subsidiary brand – NTONPOWER started to incubate.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2014">2014</h3>
|
||||
<li>
|
||||
<p><span>Kept improving industrial chain and maintained high development speed with 6 factories.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2013">2013</h3>
|
||||
|
||||
<li>
|
||||
<p><span>ORICO was awarded “National High-tech Enterprise” certification.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2012">2012</h3>
|
||||
<li>
|
||||
<p><span>Started to develop self-industrial chain and optimize packaging, injection molding technologies. Products entered into global markets covering America, Spain, Britain, French and others.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2011">2011</h3>
|
||||
|
||||
<li>
|
||||
<p><span>Developed offline channels in Thailand, Korea and Germany. Meanwhile the headquarter moved in Shenzhen Zhonghaixin Science & Technology Park.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2010">2010</h3>
|
||||
<li>
|
||||
<p><span>ORICO officially landed on Tmall, JD, Yixun, Newegg, Amazon, Suning, Gome and more mainstream e-commerce platforms, expanding online markets.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<div>
|
||||
<h3 id="2009">2009</h3>
|
||||
<li>
|
||||
<p><span>ORICO was founded formally and first released the ‘Tool Free’ drive enclosure.</span></p>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tech Container">
|
||||
<div class="swt-Container tech1">
|
||||
<div class="title">Brand Events</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2011</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
“Tool free” design promoted innovation of HDD enclosure installation. Joined SATA-IO Association to ensure high interoperability of SATA series products.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2013</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
Achieved strategic cooperation with WD and further discussed the innovation of storage tech. Became the major cooperated partner of VIA Labs in China and formally launched wireless cloud storage system.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg2.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2014</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
Successfully developed intelligent digital power strip and launched JD crowdfunding in 2015 with satisfying result.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg3.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2015</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
Started to research data transmission and power transmission technology including Type-C, USB2.0, USB3.0, etc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg4.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2016</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
Company’s representative product-the transparent enclosure series appeared in market.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg5.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="techcon swt-Container">
|
||||
<div class="text">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/lichengbei.png">
|
||||
<div class="year">2021</div>
|
||||
<div class="context">
|
||||
<p>
|
||||
Cooperated with Toshiba to further explore personal storage solutions including personal cloud storage, mobile backuper etc.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tech-img">
|
||||
<img src="__PUBLIC__/weben/images/indeximg/techimg6.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom2023" /}
|
||||
<!-- bottom e -->
|
||||
<script>
|
||||
$(function() {
|
||||
|
||||
$('label').click(function() {
|
||||
|
||||
$('.event_year>li').removeClass('current');
|
||||
|
||||
$(this).parent('li').addClass('current');
|
||||
|
||||
var year = $(this).attr('for');
|
||||
|
||||
$('#' + year).parent().prevAll('div').slideUp(800);
|
||||
|
||||
$('#' + year).parent().slideDown(800).nextAll('div').slideDown(800);
|
||||
|
||||
$('#' + year).parent().css('color',"red").nextAll('div').css('color',"black")
|
||||
//
|
||||
$("h3").removeClass('backgroundimg')
|
||||
|
||||
$('#' + year).addClass('backgroundimg')
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
<style>
|
||||
.info h3 { width:300px;height:26px;background:url('../img/ictb.png') no-repeat;margin-bottom:8px; }
|
||||
.b3 span{position:absolute;right:10px;top:0;background:url('../img/morelink.gif') no-repeat left center;padding-left:12px;}
|
||||
.info li { padding:3px 0 3px 12px;background:url('../img/dian.png') 2px center no-repeat; }
|
||||
.con_event_list{width:98%;height: 91%;overflow:auto;margin:30px 10px;}
|
||||
.event_list { width:98%;;background:url('__PUBLIC__/weben/images/indeximg/greyline.png') 50px 0 repeat-y;}
|
||||
.event_list h3 { margin:0 0 0 35px;font-size:24px;padding-left:40px;background:url('__PUBLIC__/weben/images/indeximg/greyyuandian.png')3px 3px no-repeat;height:38px;font-size: 20px;
|
||||
font-family: Montserrat-Bold, Montserrat;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
line-height: 30px; }
|
||||
.backgroundimg { background:url('__PUBLIC__/weben/images/indeximg/yaundian.png')3px 3px no-repeat !important;}
|
||||
</style>
|
||||
</html>
|
||||
219
app/index/view/article/detail.phtml
Executable file
219
app/index/view/article/detail.phtml
Executable file
@@ -0,0 +1,219 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
{include file="include/head" /}
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
|
||||
<script type="text/javascript">
|
||||
var navID = "1";
|
||||
function shareCustomers(){
|
||||
// 复制到粘贴板
|
||||
const input = document.createElement('input')
|
||||
input.setAttribute('readonly', 'readonly')
|
||||
let url=window.location.href
|
||||
input.setAttribute('value', url)
|
||||
document.body.appendChild(input)
|
||||
input.select()
|
||||
if (document.execCommand('copy')) {
|
||||
document.execCommand('copy')
|
||||
alert('链接复制成功')
|
||||
}
|
||||
document.body.removeChild(input)
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Product">
|
||||
<div id="header" class="theme-black">
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-head2023" /}
|
||||
<!-- 新闻详情页 s -->
|
||||
|
||||
<div class="content-detail">
|
||||
<input type="hidden" value="58" class="b_id">
|
||||
<div class="detail_box clearfix">
|
||||
<div class="blog_detail" >
|
||||
<div class="blog_title">
|
||||
<h2><?php echo $detail['name']; ?></h2>
|
||||
<p><?php echo date("Y-m-d H:i:s",$detail['createtime']); ?></p>
|
||||
</div>
|
||||
<div class="blog_content">
|
||||
<?php echo $detail['content']; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="share_box">
|
||||
<div class="blog_share">
|
||||
<h3>分享</h3>
|
||||
<ul class="share_list clearfix">
|
||||
<!-- Go to www.addthis.com/dashboard to customize your tools -->
|
||||
<li><a target="_blank" href="https://weibo.com/"><img src="/frontend/web/images/blog/share1.png"></a></li>
|
||||
<li class="wechat"><img src="/frontend/web/images/blog/share2.png"> <div class="wechat_code" ><img src="/frontend/web/images/erweima-blog.png"></div></li>
|
||||
<li><a target="_blank" href="https://creator.xiaohongshu.com/login?redirectReason=401"><img src="/frontend/web/images/blog/share3.png"></a></li>
|
||||
<li><a href="javascript:shareCustomers();" title="submit to reddit"><img src="/frontend/web/images/blog/share4.png"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="repply">
|
||||
<h3>留言</h3>
|
||||
<form>
|
||||
<span>名称</span>
|
||||
<input class="form-control itinp new_name" type="text" name="name" style="text-indent: 10px;">
|
||||
<span>电子邮件</span>
|
||||
<input class="form-control itinp new_email" type="email" name="email" style="text-indent: 10px; margin-bottom:0;">
|
||||
<p style="color: #C6C7C9; font-size: 0.75rem; margin-bottom: 0.625rem;">您的电子邮件地址不会被公开</p>
|
||||
<span>留言</span>
|
||||
<textarea class="form-control itinp new_comment" rows="3" style="text-indent: 10px;width: 98%; margin-top: 0.625rem;margin-bottom: 0.625rem;border: 1px solid #DBDBDB;" name="comment"></textarea>
|
||||
<div class="comment_btn" style="color:#ffffff;">提交留言</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="xq">
|
||||
<?php
|
||||
$articles = getDifferentArticle('default', 3, ['id' => ['neq', $detail['id']]], ['createtime'=>'desc']);
|
||||
if ($articles):
|
||||
|
||||
?>
|
||||
<!-- 猜您喜欢 -->
|
||||
<div class="love">
|
||||
<div class="love1">
|
||||
<p>你可能还喜欢</p>
|
||||
<p><img src="/frontend/web/images/1line.png"></p>
|
||||
</div>
|
||||
<ul class="love2">
|
||||
<?php foreach ($articles as $article): ?>
|
||||
<?php
|
||||
if($article['jump_link'] == ''){
|
||||
$rlink = "__ORICOROOT__/article/detail/".$article['id'].".html";
|
||||
}
|
||||
else{
|
||||
$rlink = $article['jump_link'];
|
||||
}
|
||||
?>
|
||||
<li>
|
||||
<a href="<?php echo $rlink; ?>">
|
||||
<div class="lvimg"><img src="<?php echo getImage($article['picture']); ?>"></div>
|
||||
<p class="lvtit"><?php echo msubstr($article['name'], 0, 40); ?></p>
|
||||
</a>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
<div class="clear"></div>
|
||||
</ul>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function() {
|
||||
var fix = $('.share_box'); //滚动悬浮块
|
||||
var end = $('.xq'); //滚动到这个元素后结束固定
|
||||
var fixTop = fix.offset().top, //滚动悬浮块与顶部的距离
|
||||
fixHeight = fix.height(); //滚动悬浮块高度
|
||||
var endTop, miss; //结束元素与顶部的距离
|
||||
$(window).scroll(function() {
|
||||
//页面与顶部高度
|
||||
var docTop = Math.max(document.body.scrollTop, document.documentElement.scrollTop);
|
||||
//如果有结束块
|
||||
if (end.length > 0) {
|
||||
endTop = end.offset().top;
|
||||
miss = endTop - docTop - fixHeight;
|
||||
}
|
||||
if (fixTop < docTop) {
|
||||
fix.css({'position': 'fixed'});
|
||||
if ((end.length > 0) && (endTop < (docTop + fixHeight))) {
|
||||
fix.css({top: miss}); //滚动悬浮块滑到结束块上时,top值为负,即慢慢隐藏出浏览器
|
||||
} else{
|
||||
fix.css({top: 100}); //滚动悬浮块未到结束块上时,top为0
|
||||
}
|
||||
} else {
|
||||
fix.css({'position': 'fixed'});
|
||||
}
|
||||
})
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
// 提交表单
|
||||
$('.comment_btn').click(function(){
|
||||
var new_name = $('.new_name').val();
|
||||
var new_email = $('.new_email').val();
|
||||
var new_comment = $('.new_comment').val();
|
||||
|
||||
console.log('message');
|
||||
if (new_name == '') {
|
||||
//alert("The Name is Empty!");
|
||||
|
||||
$('.new_name').addClass('error');
|
||||
$('.new_name').next('span').removeClass('hide');
|
||||
return false;
|
||||
}else{
|
||||
$('.new_name').removeClass('error');
|
||||
$('.new_name').next('span').addClass('hide');
|
||||
}
|
||||
|
||||
|
||||
if (new_comment == '') {
|
||||
//alert("The Comment is Empty!");
|
||||
|
||||
$('.new_comment').addClass('error');
|
||||
$('.new_comment').next('span').removeClass('hide');
|
||||
return false;
|
||||
}else{
|
||||
$('.new_comment').removeClass('error');
|
||||
$('.new_comment').next('span').addClass('hide');
|
||||
}
|
||||
|
||||
if (new_email == '') {
|
||||
$('.new_email').addClass('error');
|
||||
$('.new_email').next('span').removeClass('hide');
|
||||
}
|
||||
else{
|
||||
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(new_email) == false) {
|
||||
$('.new_email').addClass('error');
|
||||
$('.new_email').next('span').removeClass('hide');
|
||||
return false;
|
||||
}
|
||||
else{
|
||||
$('.new_email').removeClass('error');
|
||||
$('.new_email').next('span').addClass('hide');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
var bid = "<?php echo $detail['id'];?>";
|
||||
//点击创建申请块
|
||||
if(new_name && new_email && new_comment && bid) {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/index/article/addcomment",
|
||||
data: {'name':new_name, 'email':new_email,'comment':new_comment,'article_id':bid},
|
||||
dataType: "json",
|
||||
success: function(data){
|
||||
if(data.code == 200) {
|
||||
alert("留言提交成功!");
|
||||
$(".new_name").val("");
|
||||
$(".new_email").val("");
|
||||
$(".new_comment").val("");
|
||||
}
|
||||
else{
|
||||
alert(data.msg);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom2023" /}
|
||||
<!-- bottom e -->
|
||||
</body>
|
||||
</html>
|
||||
148
app/index/view/article/lists.phtml
Executable file
148
app/index/view/article/lists.phtml
Executable file
@@ -0,0 +1,148 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
{include file="include/head-seo" /}
|
||||
{include file="include/head" /}
|
||||
<script type="text/javascript">
|
||||
var navID = "1";
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
|
||||
{include file="include/top-head2023" /}
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-header-mobile" /}
|
||||
<!--top End-->
|
||||
<!-- 轮播 s -->
|
||||
<div class="homeban banner-other">
|
||||
<div class="bd">
|
||||
<ul>
|
||||
<li><a href="#"><img src="__PUBLIC__/web/uploadfiles/image/ban2.jpg"/></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 轮播 e -->
|
||||
|
||||
<!-- 新闻列表 s -->
|
||||
<div class="new">
|
||||
<div class="swt-Container">
|
||||
<div class="vtext">
|
||||
<p class="tl1">新闻资讯</p>
|
||||
<p class="tl2"></p>
|
||||
</div>
|
||||
<?php if ($list): ?>
|
||||
<ul class="newfl">
|
||||
<?php foreach ($list as $detail): ?>
|
||||
<li>
|
||||
<div class="xwtit"><a href="<?php echo url_rewrite('articledetail', array('id' => $detail['id'])); ?>"><?php echo $detail['name']; ?></a></div>
|
||||
<div class="xname"><?php echo $detail['writer']; ?> 发布于<?php echo getHMStime($detail['createtime'], time()); ?>/关键字:<?php echo $detail['tags']; ?></div>
|
||||
<div class="xwcon"><?php echo msubstr($detail['description'], 0, 200); ?></div>
|
||||
<div class="xwimg"><img src="<?php echo getImage($detail['picture'], 951, 459, 6); ?>"></div>
|
||||
<div class="detail"><a href="<?php echo url_rewrite('articledetail', array('id' => $detail['id'])); ?>"><i></i>详细阅读</a></div>
|
||||
<div class="fx">
|
||||
<!-- <a href="#"><i class="f1"></i>分享</a> -->
|
||||
<a href="#"><i class="f2"></i>收藏</a>
|
||||
<a href="#"><i class="f3"></i>评论(15)</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
<!-- 分页 s -->
|
||||
<?php
|
||||
if ($page) {
|
||||
echo $page;
|
||||
}
|
||||
?>
|
||||
<!-- 分页 e -->
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
<div class="newrh">
|
||||
<div class="plun">精彩评论</div>
|
||||
<ul class="pllist">
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns1.jpg"></div>
|
||||
<div class="peo1">游客</div>
|
||||
<div class="peo2">2018-09-05</div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1">追风者家前代的Elite916,狗东7K,支持双路板ATX&ITX双系统,而且没记错的话,916双系统需要两套电源。</div>
|
||||
<div class="plrh2">RevoltX电源跟EvolvX机箱,对于需要两套系统的用户还是很友好...</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns2.jpg"></div>
|
||||
<div class="peo1">游客</div>
|
||||
<div class="peo2">2018-09-05</div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1">追风者家前代的Elite916,狗东7K,支持双路板ATX&ITX双系统,而且没记错的话,916双系统需要两套电源。</div>
|
||||
<div class="plrh2">RevoltX电源跟EvolvX机箱,对于需要两套系统的用户还是很友好...</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns3.jpg"></div>
|
||||
<div class="peo1">游客</div>
|
||||
<div class="peo2">2018-09-05</div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1">追风者家前代的Elite916,狗东7K,支持双路板ATX&ITX双系统,而且没记错的话,916双系统需要两套电源。</div>
|
||||
<div class="plrh2">RevoltX电源跟EvolvX机箱,对于需要两套系统的用户还是很友好...</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns4.jpg"></div>
|
||||
<div class="peo1">游客</div>
|
||||
<div class="peo2">2018-09-05</div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1">追风者家前代的Elite916,狗东7K,支持双路板ATX&ITX双系统,而且没记错的话,916双系统需要两套电源。</div>
|
||||
<div class="plrh2">RevoltX电源跟EvolvX机箱,对于需要两套系统的用户还是很友好...</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="plfl">
|
||||
<div class="plimg"><img src="__PUBLIC__/web/uploadfiles/image/ns5.jpg"></div>
|
||||
<div class="peo1">游客</div>
|
||||
<div class="peo2">2018-09-05</div>
|
||||
</div>
|
||||
<div class="plrh">
|
||||
<div class="plrh1">追风者家前代的Elite916,狗东7K,支持双路板ATX&ITX双系统,而且没记错的话,916双系统需要两套电源。</div>
|
||||
<div class="plrh2">RevoltX电源跟EvolvX机箱,对于需要两套系统的用户还是很友好...</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 新闻列表 e -->
|
||||
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom2023" /}
|
||||
<!-- bottom e -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user