jsasg/orico-official-website-old
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
jsasg
2024-10-29 14:04:59 +08:00
commit 48bf3e6f33
2839 changed files with 762707 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

210
app/usmobile/view/product/catelists.online.phtml Executable file
View File

@@ -0,0 +1,210 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<div class="banner img-responsive">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div>
<!--类别-->
<div class="first_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-83.png">
<p>影音转接线材</p>
</div>
</li>
<li>
<a href="computer-two-list.php">
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-76.png">
<p>DIY存储</p>
</div>
</a>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-79.png">
<p>扩展系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-80.png">
<p>电脑外设</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-81.png">
<p>支架系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-82.png">
<p>网络配件</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-238.png">
<p>电脑电视线材</p>
</div>
</li>
</ul>
</div>
</div>
<!--热门产品-->
<div class="m_Container">
<div class="product_title">热门产品</div>
<div class="hot_product">
<ul>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-SKT3.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB外置声卡</span>
<span class="subtitle">ORICO SKT3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">SSD迷你硬盘盒</span>
<span class="subtitle">ORICO PVM2 M.2</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB3.0硬盘储存系统</span>
<span class="subtitle">ORICO NS500U3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">2.5英寸USB3.0移动硬盘盒</span>
<span class="subtitle">ORICO 2189U3</span>
</div>
</li>
</ul>
</div>
</div>
<!--产品列表-->
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">影音转接线材</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">DIY存储</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

113
app/usmobile/view/product/catelists.phtml Executable file
View File

@@ -0,0 +1,113 @@
<!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>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<!-- <div class="banner img-responsives">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div> -->
<?php if (!empty($oneLevelCategory)): ?>
<!--类别-->
<div class="first_list_category margin-top-90" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($oneLevelCategory as $key => $value): ?>
<li>
<a href="__ORICOROOT__/product/subcatelists/id/<?php echo $value['id']; ?>">
<div class="category_list">
<img src="<?php echo getImage($value['m_icon']); ?>">
<p><?php echo $value['name']; ?></p>
</div>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<!--热门产品-->
<!--产品列表-->
<?php foreach ($oneLevelCategory as $key => $value): ?>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title"><?php echo $value['name']; ?></div>
<div class="view_all"><a href="__ORICOROOT__/product/subcatelists/id/<?php echo $value['id']; ?>" class="text_gray">View all<span class="icon-Double-Arrow"></span></a></div>
</div>
<div class="product_list">
<ul>
<?php $products = getCateoneProduct($value['id'], 4, [], true); ?>
<?php if ($products): ?>
<?php foreach ($products as $k => $v): ?>
<li class="img-responsive">
<a href="__ORICOROOT__/product/detail/id/<?php echo $v['id']; ?>">
<img src="<?php echo getImage($v['list_bk_img']); ?>">
<span class="title">
<?php
if (utf8_strlen($v['name']) > 14) {
$v['name'] = msubstr($v['name'], 0, 14);
}
echo $v['name'];
?>
</span>
<span class="subtitle"><?php echo $v['brand_id']; ?></span>
</a>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

1010
app/usmobile/view/product/detail.phtml Executable file
View File

File diff suppressed because it is too large Load Diff

209
app/usmobile/view/product/detail01.phtml Executable file
View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/bxslider/goods.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/bxslider/jquery.bxslider.min.js"></script></head>
<body>
<!--top-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--产品地址-->
<div class="m_Container">
<div class="goods_address">
<a href="/mobile" class="href_01">首页</a>
<?php if ($pid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/catelists/id/<?php echo $pid['id']; ?>" class="href_02"><?php echo $pid['name']; ?></a>
<?php endif; ?>
<?php if ($cid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/subcatelists/id/<?php echo $cid['id']; ?>" class="href_02"><?php echo $cid['name']; ?></a>
<?php endif; ?>
</div>
</div>
<!--产品主图-->
<?php if (!empty($product_images)): ?>
<div class="m_Container">
<ul class="goods_list">
<?php foreach ($product_images as $key => $value): ?>
<li><img src="<?php echo getImage($value['image_url']); ?>"></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--规格参数-->
<div class="m_Container">
<div class="goods_all_title">
<div class="title"><?php echo $detail['name']; ?></div>
<div class="subtitle"><?php echo $detail['shortname']; ?></div>
</div>
<div class="proTfg">
<ul class="msul swt-Table">
<li class="Table-Row">
<div class="ms1 Table-Cell">型号</div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $detail['brand_id']; ?></div>
</li>
<?php if ($detail['product_view']): ?>
<?php $detail_views = unserialize($detail['product_view']); ?>
<?php foreach ($detail_views as $key => $value): ?>
<li class="Table-Row">
<div class="ms1 Table-Cell"><?php echo $value['desc_title']; ?></div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $value['desc_desc']; ?></div>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
<div class="platform_buy">
<a>天猫购买</a>
<a>京东购买</a>
</div>
</div>
<!--详情-->
<div class="goods_details">
<ul class="cpa">
<li><a href="#link1">产品描述</a></li>
<li><a href="#link2">关联产品</a></li>
<li><a href="#link4">评论</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="goods_des img-responsives">
<?php echo $detail['ld_md_content']; ?>
<!-- <img src="__PUBLIC__/m_web/images/products/des-01.jpg">
<img src="__PUBLIC__/m_web/images/products/des-02.jpg">
<img src="__PUBLIC__/m_web/images/products/des-03.jpg">
<img src="__PUBLIC__/m_web/images/products/des-04.jpg">
<img src="__PUBLIC__/m_web/images/products/des-05.jpg">
<img src="__PUBLIC__/m_web/images/products/des-06.jpg">
<img src="__PUBLIC__/m_web/images/products/des-07.jpg">
<img src="__PUBLIC__/m_web/images/products/des-08.jpg"> -->
</div>
<div class="m_Container goods_Related">
<div class="text_center title goods_Related_title">关联产品</div>
<?php if ($product_relateds): ?>
<ul class="goods_Related_list">
<?php foreach ($product_relateds as $key => $value): ?>
<li class="text_center">
<div class=""><img src="<?php echo getImage($value['list_bk_img']); ?>"></div>
<span class="title"><?php echo $value['name']; ?></span>
<span class="subtitle"><?php echo $value['brand_id']; ?></span>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<!--评论-->
<div class="m_Container goods_Related">
<div class="text_center title">评论</div>
<?php if ($list): $list = $list->items(); ?>
<?php foreach ($list as $key => $value): ?>
<div class="goods_comment">
<span class="title"><?php echo $value['auctionSku']; ?></span>
<span class="subtitle"><?php echo $value['displayUserNick'], $value['rateDate']; ?></span>
<span class="subtitle"><?php echo $value['rateContent']; ?></span>
<?php if ($value['pics']): ?>
<div class="goods_comment_img">
<ul>
<?php foreach ($value['pics'] as $k => $v): ?>
<li><img src="<?php echo getImage($v); ?>" class=""></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<!--大图-->
<div class="big_img">
<div class="swiper-container2">
<div class="swiper-wrapper"> </div>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.css"/>
<script type="text/javascript" src="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.js"></script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.goods_list').bxSlider({
});
});
/*关联产品*/
var htmlfontSize=$("html").css('font-size'); // 获取字体大小
var reg = /\d+/;
var bxSliderWidth = (htmlfontSize.match(reg)[0] * 5.04);
var slideMarginWidth = (htmlfontSize.match(reg)[0] * 0.58);
//alert(slideMarginWidth);
$(function(){
$('.goods_Related_list').bxSlider({
autoControls: true,
pager:false,
minSlides: 3,
maxSlides: 3,
slideWidth: bxSliderWidth,
slideMargin: slideMarginWidth,
infiniteLoop:false,
});
});
/*评论点击放大功能*/
$(document).ready(function(){
/*调起大图 S*/
var mySwiper = new Swiper('.swiper-container2', {
loop: false,
pagination: '.swiper-pagination2',
})
$(".goods_Related").on("click", ".goods_comment_img img",
function() {
var imgBox = $(this).parents(".goods_comment_img").find("img");
var i = $(imgBox).index(this);
$(".big_img .swiper-wrapper").html("")
for(var j = 0 ,c = imgBox.length; j < c ;j++){
$(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
}
mySwiper.updateSlidesSize();
mySwiper.updatePagination();
$(".big_img").css({
"z-index": 1001,
"opacity": "1"
});
mySwiper.slideTo(i, 0, false);
return false;
});
$(".big_img").on("click",
function() {
$(this).css({
"z-index": "-1",
"opacity": "0"
});
});
});
/*调起大图 E*/
</script>
</body>
</html>

294
app/usmobile/view/product/detail20191119.phtml Executable file
View File

@@ -0,0 +1,294 @@
<!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>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/bxslider/goods.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/bxslider/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
<!--top-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--产品地址-->
<div class="m_Container margin-top-90">
<div class="goods_address">
<a href="__ORICOROOT__" class="href_01">Home</a>
<?php if ($pid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="__ORICOROOT__/product/catelists/id/<?php echo $pid['id']; ?>" class="href_02"><?php echo $pid['name']; ?></a>
<?php endif; ?>
<?php if ($cid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="__ORICOROOT__/product/subcatelists/id/<?php echo $cid['id']; ?>" class="href_02"><?php echo $cid['name']; ?></a>
<?php endif; ?>
</div>
</div>
<!--产品主图-->
<?php if (!empty($product_images)): ?>
<div class="m_Container">
<?php
if ($color){
$arr_product_images = $product_images[$color];
} else {
$arr_product_images = reset($product_images);
}
?>
<ul class="goods_list">
<?php foreach ($arr_product_images as $key => $value): ?>
<li><img src="<?php echo getImage($value['image_url']); ?>"></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--规格参数-->
<div class="m_Container">
<!--多颜色-->
<div class="slideTxtBox">
<div class="hd Multi_color">
<ul>
<?php if (!empty($product_images && count($product_images) > 1)): ?>
<?php foreach($product_images as $key => $value): ?>
<a href="__ORICOROOT__/product/detail/id/<?php echo $detail['id']; ?>/color/<?php echo $key; ?>">
<li class="img-responsive S-small-img on">
<div class="cricle">
<img src="<?php echo $value[0]['image_color']; ?>" alt="" class="S-Cricle-Bg">
</div>
</li>
</a>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
<div class="goods_all_title">
<div class="title"><?php echo $detail['name']; ?></div>
<div class="subtitle"><?php echo $detail['shortname']; ?></div>
<div class="position_r img-responsives" style="width:2.56rem; margin-top:0.5rem; height: 0.4rem;">
<img src="__PUBLIC__/web/images/star_whhite.png">
<div class="star" style="width:<?php echo $detail['cpyanse']; ?>%;"></div>
</div>
</div>
<div class="proTfg">
<ul class="msul swt-Table">
<li class="Table-Row">
<div class="ms1 Table-Cell">Model</div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $detail['brand_id']; ?></div>
</li>
<?php if ($detail['product_view']): ?>
<?php $detail_views = unserialize($detail['product_view']); ?>
<?php foreach ($detail_views as $key => $value): ?>
<li class="Table-Row">
<div class="ms1 Table-Cell"><?php echo $value['desc_title']; ?></div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $value['desc_desc']; ?></div>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
<!--<div class="platform_buy">
<a href="<?php echo $detail['url_tm']; ?>" class="text_white">Amazon</a>
</div>-->
</div>
<!--详情-->
<div id="Goods_detail"></div>
<div class="goods_details">
<ul class="cpa des cursor_p">
<li class="active" id="one">Product description</li>
<li id="two">Related products</li>
<div class="clear"></div>
</ul>
</div>
<div class="goods_des img-responsives" id="goods_details_Content1">
<?php echo str_replace('<br />', '', $detail['ld_md_content']); ?>
<!-- <img src="__PUBLIC__/m_web/images/products/des-01.jpg">
<img src="__PUBLIC__/m_web/images/products/des-02.jpg">
<img src="__PUBLIC__/m_web/images/products/des-03.jpg">
<img src="__PUBLIC__/m_web/images/products/des-04.jpg">
<img src="__PUBLIC__/m_web/images/products/des-05.jpg">
<img src="__PUBLIC__/m_web/images/products/des-06.jpg">
<img src="__PUBLIC__/m_web/images/products/des-07.jpg">
<img src="__PUBLIC__/m_web/images/products/des-08.jpg"> -->
</div>
<div class="m_Container goods_Related" id="goods_details_Content2" style="display: none">
<!--<div class="text_center title goods_Related_title" id="link2">关联产品</div>-->
<?php if ($product_relateds): ?>
<div class="list_two">
<?php foreach ($product_relateds as $key => $value): ?>
<li class="text_center bg_white img-responsive">
<a href="__ORICOROOT__/product/detail/id/<?php echo $value['id']; ?>">
<p class="margin-top-50"><img src="<?php echo getImage($value['product_two_img']['image_url']); ?>" style="display: inline-block"></p>
<p class="text_22 text_black margin-top-30"><?php echo $value['name']; ?></p>
<p class="text_16 text_gray margin-top-14 margin-bottom-30"><?php echo $value['brand_id']; ?></p>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<!--评论-->
<div class="m_Container goods_Related" id="goods_details_Content3" style="display: none">
<!--<div class="text_center title margin-bottom-30" id="link4">评论</div>-->
<?php if ($list): $list = $list->items(); ?>
<?php foreach ($list as $key => $value): ?>
<div class="goods_comment">
<span class="title"><?php echo $value['auctionSku']; ?></span>
<span class="subtitle"><?php echo $value['displayUserNick'], $value['rateDate']; ?></span>
<span class="subtitle"><?php echo $value['rateContent']; ?></span>
<?php if ($value['pics']): ?>
<div class="goods_comment_img">
<ul>
<?php foreach ($value['pics'] as $k => $v): ?>
<li><img src="<?php echo getImage($v); ?>" class=""></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<!--大图-->
<div class="big_img">
<div class="swiper-container2">
<div class="swiper-wrapper"> </div>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript">
//jQuery(".slideTxtBox").slide();
jQuery(".slideTxtBox").slide();
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.css"/>
<script type="text/javascript" src="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.js"></script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.goods_list').bxSlider({
});
});
//===========================详情/关联产品/评论切换效果====================================
$(document).ready(function(){
$("#one").click(function(){
$(this).addClass("active");
$(this).siblings().removeClass("active");
$("#goods_details_Content2").hide();
$("#goods_details_Content1").show();
$("#goods_details_Content3").hide();
});
$("#two").click(function(){
$(this).addClass("active");
$(this).siblings().removeClass("active");
$("#goods_details_Content1").hide();
$("#goods_details_Content2").show();
$("#goods_details_Content3").hide();
});
$("#three").click(function(){
$(this).addClass("active");
$(this).siblings().removeClass("active");
$("#goods_details_Content1").hide();
$("#goods_details_Content3").show();
$("#goods_details_Content2").hide();
});
});
/*固定导航栏 */
$(function() {
$(window).scroll(function() {
var var_height = $("#Goods_detail").offset().top;
var var_st = $(window).scrollTop();
if(var_st > var_height) {
$(".goods_details").addClass("goods_details_fixed");
} else {
$(".goods_details").removeClass("goods_details_fixed");
}
})
})
/*关联产品
var htmlfontSize=$("html").css('font-size'); // 获取字体大小
var reg = /\d+/;
var bxSliderWidth = (htmlfontSize.match(reg)[0] * 5.04);
var slideMarginWidth = (htmlfontSize.match(reg)[0] * 0.58);
//alert(slideMarginWidth);
$(function(){
$('.goods_Related_list').bxSlider({
autoControls: true,
pager:false,
minSlides: 3,
maxSlides: 3,
slideWidth: bxSliderWidth,
slideMargin: slideMarginWidth,
infiniteLoop:false,
});
});
*/
/*评论点击放大功能*/
$(document).ready(function(){
/*调起大图 S*/
var mySwiper = new Swiper('.swiper-container2', {
loop: false,
pagination: '.swiper-pagination2',
})
$(".goods_Related").on("click", ".goods_comment_img img",
function() {
var imgBox = $(this).parents(".goods_comment_img").find("img");
var i = $(imgBox).index(this);
$(".big_img .swiper-wrapper").html("")
for(var j = 0 ,c = imgBox.length; j < c ;j++){
$(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
}
mySwiper.updateSlidesSize();
mySwiper.updatePagination();
$(".big_img").css({
"z-index": 1001,
"opacity": "1"
});
mySwiper.slideTo(i, 0, false);
return false;
});
$(".big_img").on("click",
function() {
$(this).css({
"z-index": "-1",
"opacity": "0"
});
});
});
/*调起大图 E*/
</script>
</body>
</html>

210
app/usmobile/view/product/loca/catelists.online.phtml Executable file
View File

@@ -0,0 +1,210 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<div class="banner img-responsive">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div>
<!--类别-->
<div class="first_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-83.png">
<p>影音转接线材</p>
</div>
</li>
<li>
<a href="computer-two-list.php">
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-76.png">
<p>DIY存储</p>
</div>
</a>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-79.png">
<p>扩展系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-80.png">
<p>电脑外设</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-81.png">
<p>支架系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-82.png">
<p>网络配件</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-238.png">
<p>电脑电视线材</p>
</div>
</li>
</ul>
</div>
</div>
<!--热门产品-->
<div class="m_Container">
<div class="product_title">热门产品</div>
<div class="hot_product">
<ul>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-SKT3.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB外置声卡</span>
<span class="subtitle">ORICO SKT3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">SSD迷你硬盘盒</span>
<span class="subtitle">ORICO PVM2 M.2</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB3.0硬盘储存系统</span>
<span class="subtitle">ORICO NS500U3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">2.5英寸USB3.0移动硬盘盒</span>
<span class="subtitle">ORICO 2189U3</span>
</div>
</li>
</ul>
</div>
</div>
<!--产品列表-->
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">影音转接线材</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">DIY存储</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

129
app/usmobile/view/product/loca/catelists.phtml Executable file
View File

@@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<div class="banner img-responsive">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div>
<?php if (!empty($oneLevelCategory)): ?>
<!--类别-->
<div class="first_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($oneLevelCategory as $key => $value): ?>
<li>
<a href="/mobile/product/subcatelists/id/<?php echo $value['id']; ?>">
<div class="category_list">
<img src="<?php echo getImage($value['m_icon']); ?>">
<p><?php echo $value['name']; ?></p>
</div>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<!--热门产品-->
<div class="m_Container">
<?php if ($hot_product): ?>
<div class="product_title">热门产品</div>
<div class="hot_product">
<ul>
<?php foreach ($hot_product as $key => $value): ?>
<li>
<div class="img-responsive">
<?php echo $value['normbody']; ?>
</div>
<!-- <div class="hot_product_text text_center">
<span class="title"></span>
<span class="subtitle"></span>
</div> -->
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<!--产品列表-->
<?php foreach ($oneLevelCategory as $key => $value): ?>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title"><?php echo $value['name']; ?></div>
<div class="view_all"><a href="/mobile/product/subcatelists/id/<?php echo $value['id']; ?>">查看全部<span class="icon-Double-Arrow"></span></a></div>
</div>
<div class="product_list">
<ul>
<?php $products = getCateoneProduct($value['id'], 4, [], true); ?>
<?php if ($products): ?>
<?php foreach ($products as $k => $v): ?>
<li class="img-responsive">
<a href="/mobile/product/detail/id/<?php echo $v['id']; ?>">
<img src="<?php echo getImage($v['product_two_img'][0]['image_url']); ?>">
<span class="title">
<?php
if (utf8_strlen($v['name']) > 14) {
$v['name'] = msubstr($v['name'], 0, 14);
}
echo $v['name'];
?>
</span>
<span class="subtitle"><?php echo $v['brand_id']; ?></span>
</a>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

209
app/usmobile/view/product/loca/detail.phtml Executable file
View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/bxslider/goods.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/bxslider/jquery.bxslider.min.js"></script></head>
<body>
<!--top-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--产品地址-->
<div class="m_Container">
<div class="goods_address">
<a href="/mobile" class="href_01">首页</a>
<?php if ($pid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/catelists/id/<?php echo $pid['id']; ?>" class="href_02"><?php echo $pid['name']; ?></a>
<?php endif; ?>
<?php if ($cid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/subcatelists/id/<?php echo $cid['id']; ?>" class="href_02"><?php echo $cid['name']; ?></a>
<?php endif; ?>
</div>
</div>
<!--产品主图-->
<?php if (!empty($product_images)): ?>
<div class="m_Container">
<ul class="goods_list">
<?php foreach ($product_images as $key => $value): ?>
<li><img src="<?php echo getImage($value['image_url']); ?>"></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--规格参数-->
<div class="m_Container">
<div class="goods_all_title">
<div class="title"><?php echo $detail['name']; ?></div>
<div class="subtitle"><?php echo $detail['shortname']; ?></div>
</div>
<div class="proTfg">
<ul class="msul swt-Table">
<li class="Table-Row">
<div class="ms1 Table-Cell">型号</div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $detail['brand_id']; ?></div>
</li>
<?php if ($detail['product_view']): ?>
<?php $detail_views = unserialize($detail['product_view']); ?>
<?php foreach ($detail_views as $key => $value): ?>
<li class="Table-Row">
<div class="ms1 Table-Cell"><?php echo $value['desc_title']; ?></div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $value['desc_desc']; ?></div>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
<div class="platform_buy">
<a>天猫购买</a>
<a>京东购买</a>
</div>
</div>
<!--详情-->
<div class="goods_details">
<ul class="cpa">
<li><a href="#link1">产品描述</a></li>
<li><a href="#link2">关联产品</a></li>
<li><a href="#link4">评论</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="goods_des img-responsives">
<?php echo $detail['ld_md_content']; ?>
<!-- <img src="__PUBLIC__/m_web/images/products/des-01.jpg">
<img src="__PUBLIC__/m_web/images/products/des-02.jpg">
<img src="__PUBLIC__/m_web/images/products/des-03.jpg">
<img src="__PUBLIC__/m_web/images/products/des-04.jpg">
<img src="__PUBLIC__/m_web/images/products/des-05.jpg">
<img src="__PUBLIC__/m_web/images/products/des-06.jpg">
<img src="__PUBLIC__/m_web/images/products/des-07.jpg">
<img src="__PUBLIC__/m_web/images/products/des-08.jpg"> -->
</div>
<div class="m_Container goods_Related">
<div class="text_center title goods_Related_title">关联产品</div>
<?php if ($product_relateds): ?>
<ul class="goods_Related_list">
<?php foreach ($product_relateds as $key => $value): ?>
<li class="text_center">
<img src="<?php echo getImage($value['list_bk_img']); ?>">
<span class="title"><?php echo $value['name']; ?></span>
<span class="subtitle"><?php echo $value['brand_id']; ?></span>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<!--评论-->
<div class="m_Container goods_Related">
<div class="text_center title">评论</div>
<?php if ($list): $list = $list->items(); ?>
<?php foreach ($list as $key => $value): ?>
<div class="goods_comment">
<span class="title"><?php echo $value['auctionSku']; ?></span>
<span class="subtitle"><?php echo $value['displayUserNick'], $value['rateDate']; ?></span>
<span class="subtitle"><?php echo $value['rateContent']; ?></span>
<?php if ($value['pics']): ?>
<div class="goods_comment_img">
<ul>
<?php foreach ($value['pics'] as $k => $v): ?>
<li><img src="<?php echo getImage($v); ?>" class=""></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<!--大图-->
<div class="big_img">
<div class="swiper-container2">
<div class="swiper-wrapper"> </div>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.css"/>
<script type="text/javascript" src="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.js"></script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.goods_list').bxSlider({
});
});
/*关联产品*/
var htmlfontSize=$("html").css('font-size'); // 获取字体大小
var reg = /\d+/;
var bxSliderWidth = (htmlfontSize.match(reg)[0] * 5.04);
var slideMarginWidth = (htmlfontSize.match(reg)[0] * 0.58);
//alert(slideMarginWidth);
$(function(){
$('.goods_Related_list').bxSlider({
autoControls: true,
pager:false,
minSlides: 3,
maxSlides: 3,
slideWidth: bxSliderWidth,
slideMargin: slideMarginWidth,
infiniteLoop:false,
});
});
/*评论点击放大功能*/
$(document).ready(function(){
/*调起大图 S*/
var mySwiper = new Swiper('.swiper-container2', {
loop: false,
pagination: '.swiper-pagination2',
})
$(".goods_Related").on("click", ".goods_comment_img img",
function() {
var imgBox = $(this).parents(".goods_comment_img").find("img");
var i = $(imgBox).index(this);
$(".big_img .swiper-wrapper").html("")
for(var j = 0 ,c = imgBox.length; j < c ;j++){
$(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
}
mySwiper.updateSlidesSize();
mySwiper.updatePagination();
$(".big_img").css({
"z-index": 1001,
"opacity": "1"
});
mySwiper.slideTo(i, 0, false);
return false;
});
$(".big_img").on("click",
function() {
$(this).css({
"z-index": "-1",
"opacity": "0"
});
});
});
/*调起大图 E*/
</script>
</body>
</html>

76
app/usmobile/view/product/loca/subcatelists.phtml Executable file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<!--top-->
<!--top End-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--类别-->
<?php if ($subproductCategory): ?>
<div class="Second_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($subproductCategory as $key => $value): ?>
<li>
<div class="category_list">
<img src="<?php echo getImage($value['m_icon']); ?>">
<p><?php echo $value['shortname']; ?></p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--产品列表-->
<?php if ($product): ?>
<div class="m_Container">
<div class="product_list">
<ul>
<?php foreach ($product as $key => $value): ?>
<li class="img-responsive">
<a href="/mobile/product/detail/id/<?php echo $value['id']; ?>">
<img src="<?php echo getImage($value['product_two_img'][0]['image_url']); ?>">
<span class="title">
<?php
if (utf8_strlen($value['name']) > 14) {
$value['name'] = msubstr($value['name'], 0, 14);
}
echo $value['name'];
?>
</span>
<span class="subtitle"><?php echo $value['brand_id'] ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.Second_list_category').navbarscroll();
});
</script>
</body>
</html>

210
app/usmobile/view/product/local/catelists.online.phtml Executable file
View File

@@ -0,0 +1,210 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<div class="banner img-responsive">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div>
<!--类别-->
<div class="first_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-83.png">
<p>影音转接线材</p>
</div>
</li>
<li>
<a href="computer-two-list.php">
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-76.png">
<p>DIY存储</p>
</div>
</a>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-79.png">
<p>扩展系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-80.png">
<p>电脑外设</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-81.png">
<p>支架系列</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-82.png">
<p>网络配件</p>
</div>
</li>
<li>
<div class="category_list">
<img src="__PUBLIC__/m_web/images/computer/Category-238.png">
<p>电脑电视线材</p>
</div>
</li>
</ul>
</div>
</div>
<!--热门产品-->
<div class="m_Container">
<div class="product_title">热门产品</div>
<div class="hot_product">
<ul>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-SKT3.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB外置声卡</span>
<span class="subtitle">ORICO SKT3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">SSD迷你硬盘盒</span>
<span class="subtitle">ORICO PVM2 M.2</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">USB3.0硬盘储存系统</span>
<span class="subtitle">ORICO NS500U3</span>
</div>
</li>
<li>
<div class="img-responsive"><img src="__PUBLIC__/m_web/images/computer/HOT-PVM2.jpg"></div>
<div class="hot_product_text text_center">
<span class="title">2.5英寸USB3.0移动硬盘盒</span>
<span class="subtitle">ORICO 2189U3</span>
</div>
</li>
</ul>
</div>
</div>
<!--产品列表-->
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">影音转接线材</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title">DIY存储</div>
<div class="view_all">查看全部<span class="icon-Double-Arrow"></span></div>
</div>
<div class="product_list">
<ul>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
<li class="img-responsive">
<img src="__PUBLIC__/m_web/images/computer/2139C3-L2.jpg">
<span class="title">透明系列2.5英寸type-c硬盘盒</span>
<span class="subtitle">ORICO 2139C3</span>
</li>
</ul>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

129
app/usmobile/view/product/local/catelists.phtml Executable file
View File

@@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
<div class="banner img-responsive">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div>
<?php if (!empty($oneLevelCategory)): ?>
<!--类别-->
<div class="first_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($oneLevelCategory as $key => $value): ?>
<li>
<a href="/mobile/product/subcatelists/id/<?php echo $value['id']; ?>">
<div class="category_list">
<img src="<?php echo getImage($value['m_icon']); ?>">
<p><?php echo $value['name']; ?></p>
</div>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<!--热门产品-->
<div class="m_Container">
<?php if ($hot_product): ?>
<div class="product_title">热门产品</div>
<div class="hot_product">
<ul>
<?php foreach ($hot_product as $key => $value): ?>
<li>
<div class="img-responsive">
<?php echo $value['normbody']; ?>
</div>
<!-- <div class="hot_product_text text_center">
<span class="title"></span>
<span class="subtitle"></span>
</div> -->
</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<!--产品列表-->
<?php foreach ($oneLevelCategory as $key => $value): ?>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title"><?php echo $value['name']; ?></div>
<div class="view_all"><a href="/mobile/product/subcatelists/id/<?php echo $value['id']; ?>">查看全部<span class="icon-Double-Arrow"></span></a></div>
</div>
<div class="product_list">
<ul>
<?php $products = getCateoneProduct($value['id'], 4, [], true); ?>
<?php if ($products): ?>
<?php foreach ($products as $k => $v): ?>
<li class="img-responsive">
<a href="/mobile/product/detail/id/<?php echo $v['id']; ?>">
<img src="<?php echo getImage($v['product_two_img'][0]['image_url']); ?>">
<span class="title">
<?php
if (utf8_strlen($v['name']) > 14) {
$v['name'] = msubstr($v['name'], 0, 14);
}
echo $v['name'];
?>
</span>
<span class="subtitle"><?php echo $v['brand_id']; ?></span>
</a>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.first_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.banner_list').bxSlider({
});
});
/*banner*/
$(function(){
$('.index_partner').bxSlider({
speed:5,
auto:true
});
});
//
</script>
</body>
</html>

209
app/usmobile/view/product/local/detail.phtml Executable file
View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/bxslider/goods.bxslider.css">
<script type="text/javascript" src="__PUBLIC__/m_web/js/bxslider/jquery.bxslider.min.js"></script></head>
<body>
<!--top-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--产品地址-->
<div class="m_Container">
<div class="goods_address">
<a href="/mobile" class="href_01">首页</a>
<?php if ($pid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/catelists/id/<?php echo $pid['id']; ?>" class="href_02"><?php echo $pid['name']; ?></a>
<?php endif; ?>
<?php if ($cid): ?>
<span class="icon-arrow arrow_address"></span>
<a href="/mobile/product/subcatelists/id/<?php echo $cid['id']; ?>" class="href_02"><?php echo $cid['name']; ?></a>
<?php endif; ?>
</div>
</div>
<!--产品主图-->
<?php if (!empty($product_images)): ?>
<div class="m_Container">
<ul class="goods_list">
<?php foreach ($product_images as $key => $value): ?>
<li><img src="<?php echo getImage($value['image_url']); ?>"></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<!--规格参数-->
<div class="m_Container">
<div class="goods_all_title">
<div class="title"><?php echo $detail['name']; ?></div>
<div class="subtitle"><?php echo $detail['shortname']; ?></div>
</div>
<div class="proTfg">
<ul class="msul swt-Table">
<li class="Table-Row">
<div class="ms1 Table-Cell">型号</div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $detail['brand_id']; ?></div>
</li>
<?php if ($detail['product_view']): ?>
<?php $detail_views = unserialize($detail['product_view']); ?>
<?php foreach ($detail_views as $key => $value): ?>
<li class="Table-Row">
<div class="ms1 Table-Cell"><?php echo $value['desc_title']; ?></div>
<div class="ms2 Table-Cell"></div>
<div class="ms3 Table-Cell"><?php echo $value['desc_desc']; ?></div>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
<div class="platform_buy">
<a>天猫购买</a>
<a>京东购买</a>
</div>
</div>
<!--详情-->
<div class="goods_details">
<ul class="cpa">
<li><a href="#link1">产品描述</a></li>
<li><a href="#link2">关联产品</a></li>
<li><a href="#link4">评论</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="goods_des img-responsives">
<?php echo $detail['ld_md_content']; ?>
<!-- <img src="__PUBLIC__/m_web/images/products/des-01.jpg">
<img src="__PUBLIC__/m_web/images/products/des-02.jpg">
<img src="__PUBLIC__/m_web/images/products/des-03.jpg">
<img src="__PUBLIC__/m_web/images/products/des-04.jpg">
<img src="__PUBLIC__/m_web/images/products/des-05.jpg">
<img src="__PUBLIC__/m_web/images/products/des-06.jpg">
<img src="__PUBLIC__/m_web/images/products/des-07.jpg">
<img src="__PUBLIC__/m_web/images/products/des-08.jpg"> -->
</div>
<div class="m_Container goods_Related">
<div class="text_center title goods_Related_title">关联产品</div>
<?php if ($product_relateds): ?>
<ul class="goods_Related_list">
<?php foreach ($product_relateds as $key => $value): ?>
<li class="text_center">
<img src="<?php echo getImage($value['list_bk_img']); ?>">
<span class="title"><?php echo $value['name']; ?></span>
<span class="subtitle"><?php echo $value['brand_id']; ?></span>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
<!--评论-->
<div class="m_Container goods_Related">
<div class="text_center title">评论</div>
<?php if ($list): $list = $list->items(); ?>
<?php foreach ($list as $key => $value): ?>
<div class="goods_comment">
<span class="title"><?php echo $value['auctionSku']; ?></span>
<span class="subtitle"><?php echo $value['displayUserNick'], $value['rateDate']; ?></span>
<span class="subtitle"><?php echo $value['rateContent']; ?></span>
<?php if ($value['pics']): ?>
<div class="goods_comment_img">
<ul>
<?php foreach ($value['pics'] as $k => $v): ?>
<li><img src="<?php echo getImage($v); ?>" class=""></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
</div>
<?php endforeach; ?>
<?php endif; ?>
</div>
<!--大图-->
<div class="big_img">
<div class="swiper-container2">
<div class="swiper-wrapper"> </div>
</div>
</div>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.css"/>
<script type="text/javascript" src="__PUBLIC__/m_web/js/Click_enlarge/swiper.min.js"></script>
<script type="text/javascript">
/*banner*/
$(function(){
$('.goods_list').bxSlider({
});
});
/*关联产品*/
var htmlfontSize=$("html").css('font-size'); // 获取字体大小
var reg = /\d+/;
var bxSliderWidth = (htmlfontSize.match(reg)[0] * 5.04);
var slideMarginWidth = (htmlfontSize.match(reg)[0] * 0.58);
//alert(slideMarginWidth);
$(function(){
$('.goods_Related_list').bxSlider({
autoControls: true,
pager:false,
minSlides: 3,
maxSlides: 3,
slideWidth: bxSliderWidth,
slideMargin: slideMarginWidth,
infiniteLoop:false,
});
});
/*评论点击放大功能*/
$(document).ready(function(){
/*调起大图 S*/
var mySwiper = new Swiper('.swiper-container2', {
loop: false,
pagination: '.swiper-pagination2',
})
$(".goods_Related").on("click", ".goods_comment_img img",
function() {
var imgBox = $(this).parents(".goods_comment_img").find("img");
var i = $(imgBox).index(this);
$(".big_img .swiper-wrapper").html("")
for(var j = 0 ,c = imgBox.length; j < c ;j++){
$(".big_img .swiper-wrapper").append('<div class="swiper-slide"><div class="cell"><img src="' + imgBox.eq(j).attr("src") + '" / ></div></div>');
}
mySwiper.updateSlidesSize();
mySwiper.updatePagination();
$(".big_img").css({
"z-index": 1001,
"opacity": "1"
});
mySwiper.slideTo(i, 0, false);
return false;
});
$(".big_img").on("click",
function() {
$(this).css({
"z-index": "-1",
"opacity": "0"
});
});
});
/*调起大图 E*/
</script>
</body>
</html>

76
app/usmobile/view/product/local/subcatelists.phtml Executable file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
{include file="include/head" /}
<script type="text/javascript">
var navID = "1";
</script>
</head>
<body>
<!--top-->
<!--top End-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--类别-->
<?php if ($subproductCategory): ?>
<div class="Second_list_category" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($subproductCategory as $key => $value): ?>
<li>
<div class="category_list">
<img src="<?php echo getImage($value['m_icon']); ?>">
<p><?php echo $value['shortname']; ?></p>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--产品列表-->
<?php if ($product): ?>
<div class="m_Container">
<div class="product_list">
<ul>
<?php foreach ($product as $key => $value): ?>
<li class="img-responsive">
<a href="/mobile/product/detail/id/<?php echo $value['id']; ?>">
<img src="<?php echo getImage($value['product_two_img'][0]['image_url']); ?>">
<span class="title">
<?php
if (utf8_strlen($value['name']) > 14) {
$value['name'] = msubstr($value['name'], 0, 14);
}
echo $value['name'];
?>
</span>
<span class="subtitle"><?php echo $value['brand_id'] ?></span>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.Second_list_category').navbarscroll();
});
</script>
</body>
</html>

67
app/usmobile/view/product/new.phtml Executable file
View File

@@ -0,0 +1,67 @@
<!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>
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
{include file="include/newbanner" /}
<!-- <div class="banner img-responsives">
<img src="__PUBLIC__/m_web/images/computer/computer_banner.jpg">
</div> -->
<!--产品列表-->
<?php
if (!empty($newProduct)):
foreach ($newProduct as $key => $value): ?>
<div class="m_Container">
<div class="product_list_title">
<div class="product_title"><?php echo $value['category_name']; ?></div>
</div>
<div class="product_list">
<ul>
<?php $products = $value['list']; ?>
<?php if ($products): ?>
<?php foreach ($products as $v): ?>
<li class="img-responsive">
<a href="__ORICOROOT__/product/detail/id/<?php echo $v['id']; ?>">
<img src="<?php echo getImage($v['list_bk_img']); ?>">
<span class="title">
<?php
echo $v['name'];
?>
</span>
<span class="subtitle"><?php echo $v['brand_id']; ?></span>
</a>
</li>
<?php endforeach; ?>
<?php endif; ?>
</ul>
</div>
</div>
<?php endforeach; ?>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
</body>
</html>

133
app/usmobile/view/product/subcatelists.phtml Executable file
View File

@@ -0,0 +1,133 @@
<!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>
<script type="text/javascript" src="__PUBLIC__/web/scripts/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
<!--top-->
<!--top End-->
<div id="content">
<!--头部-->
{include file="include/top" /}
<!--banner-->
{include file="include/catbanner2" /}
<!--类别-->
<?php if (!empty($subproductCategory[1])): ?>
<div class="Second_list_category margin-top-90" id="first_list_category">
<div class="scroller">
<ul class="clearfix">
<?php foreach ($subproductCategory as $key => $value): ?>
<li>
<a href="__ORICOROOT__/product/subcatelists/id/<?php echo $value['id']; ?>">
<div class="category_list">
<?php if($value['m_icon']):?><img src="<?php echo getImage($value['m_icon']); ?>"> <?php endif; ?>
<p><?php echo $value['name']; ?></p>
</div>
</a>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--产品列表-->
<?php if ($product): ?>
<div class="m_Container">
<div class="product_list">
<ul>
<?php foreach ($product as $key => $value): ?>
<li class="img-responsive product-img">
<?php $firstImg = 0; foreach ($value['product_two_img'] as $v){ ?>
<a href="__ORICOROOT__/product/detail/id/<?php echo $value['id']; ?>" >
<img src="<?php echo getImage($v['image_url']); ?>" class="img_p" <?php if(!$firstImg == 0){ echo "style='display:none;'";}?>>
</a>
<?php $firstImg ++;}?>
<a href="__ORICOROOT__/product/detail/id/<?php echo $value['id']; ?>"><span class="title nowrap_ellipsis">
<?php
echo $value['name'];
?>
</span>
<span class="subtitle"><?php echo $value['brand_id'] ?></span>
</a>
<div class="hd Multi_color">
<ul>
<?php foreach ($value['product_two_img'] as $v){ ?>
<?php
if(!$v['image_color']==''){
if(strlen($v['image_color']) == 2){
$colorImg = '/uploads/product/'.trim($v['image_color']).'.jpg';
}else{
$colorImg = $v['image_color'];
}
?>
<li class="img-responsive S-small-img ">
<div class="cricle"><img src="<?php echo $colorImg; ?>" alt="" class="S-Cricle-Bg"></div>
</li>
<?php }};?>
</ul>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
<!--底部文件-->
{include file="include/bottom" /}
<script>
$(function(){
$('.Multi_color li').click(function(){
var index = $(this).index();
//判断当前是否选中
$(this).addClass("on").siblings().removeClass("on");
if($(this).hasClass("on")){
$(this).parents(".product-img").find(".img_p").hide();
$(this).parents(".product-img").find(".img_p").eq(index).show();
}
}) ;
});
</script>
</div>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/m_web/js/scroll/navbarscroll.js"></script>
<script type="text/javascript">
$(function(){
//demo示例一到四 通过lass调取，一句可以搞定，用于页面中可能有多个导航的情况
$('.Second_list_category').navbarscroll();
});
</script>
<script type="text/javascript">
//jQuery(".slideTxtBox").slide();
jQuery(".slideTxtBox").slide({titCell:".hd li",mainCell:".bd ul", startFun:null, targetCell:null, });
</script>
</body>
</html>