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

refactor: 合并冲突代码找回

Browse Source
This commit is contained in:
jsasg
2025-05-19 09:33:12 +08:00
parent 1285691b0a
commit 47ecc4158d
2 changed files with 85 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
app/index/view/product/category.bak.html
View File

@@ -1,71 +0,0 @@
{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__CSS__/category.css" type="text/css" />
{/block}
{block name="main"}
<div class="orico_Page_products">
{notempty name="focus_image"}
<div class="focus_image">
{volist name="focus_image" id="fimg"}
<a {notempty name="fimg.link"}href="{$fimg.link}"{/notempty}><img src="{$fimg.image}" alt="" /></a>
{/volist}
</div>
{/notempty}
<!-- 首页主题内容 -->
<div class="pageMain">
{notempty name="categorys_data"}
{volist name="categorys_data" id="vo"}
<div class="ori-pd-title">
<span>{$vo.name}</span>
{eq name="vo.level" value="2"}
<a href="{:url('product/category', ['id' => $vo.id])}">查看更多</a>
{/eq}
</div>
{notempty name="vo.products"}
<div class="ori-pd-list">
{volist name="vo.products" id="vp"}
<a class="oripditem" href="{:url('product/detail', ['id' => $vp.id])}">
<div>
{volist name="vp.sku" id="vs" key="vs_idx"}
<img src="{$vs.main_image}" id="sku_image_{$vs.id}" class="prdimg {eq name='vs_idx' value='1'}prdimg-show{/eq}" />
{/volist}
</div>
<div class="prdName">{$vp.name}</div>
<div class="prddec">{$vp.spu}</div>
{notempty name="vp.colors"}
<div class="prd-colors">
{volist name="vp.colors" id="vc" key="vc_idx"}
<div class="prdolorit {eq name='vc_idx' value='1'}on{/eq}" data-sku_id="{$vc.sku_id}">
{assign name="color_type" value=":rgb_or_image($vc.attr_value)" /}
{eq name="color_type" value="IMAGE"}
<img src="{$vc.attr_value}" />
{elseif condition="$color_type == 'RGB'" /}
<span class="rgb_hex" {:style(['background-color'=>$vc.attr_value])}></span>
{/eq}
</div>
{/volist}
</div>
{/notempty}
</a>
{/volist}
</div>
{/notempty}
{/volist}
{/notempty}
</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
$(function () {
$('.prd-colors .prdolorit').click(function(event) {
event.stopPropagation();
event.preventDefault();
var sku_id = $(this).data('sku_id');
$('#sku_image_' + sku_id).addClass('prdimg-show').siblings().removeClass('prdimg-show');
$(this).addClass('on').siblings().removeClass('on');
});
})
</script>
{/block}

103
app/index/view/product/subcategory.html
View File

@@ -4,32 +4,83 @@
{/block} {/block}
{block name="main"} {block name="main"}
<div class="orico_Page_subcategory"> <div class="orico_Page_subcategory">
<!--公共头部--> {notempty name="focus_image"}
<iframe align="center" width="100%" height="60" src="head.html" frameborder="no" border="0" marginwidth="0" <div class="opdBanner">
marginheight="0" scrolling="no"></iframe> {volist name="focus_image" id="fi"}
<!-- 这个图片可能有可能没有--> <a {notempty name="fi.link"}href="{$fi.link}"{/notempty}>
<img src="/static/index/images/SSD-1920x900-CN.jpg" class="sbbanner"> <img src="{$fi.image}" alt="" class="opdbannerImg" />
<!--首页主题内容 --> </a>
<div class="pageMain"> {/volist}
<h1 class="ori-pd-title">Power Strip</h1> </div>
<div class="ori-pd-list"> {/notempty}
<a class="oripditem"> <!-- 首页主题内容 -->
<div> <div class="pageMain">
<img src="/static/index/images/prtest.jpg" class="prdimg prdimg-show" /> {notempty name="categorys_data"}
<img src="/static/index/images/prtest1.jpg" class="prdimg" /> {volist name="categorys_data" id="vo"}
</div> <div class="ori-pd-title">
<div class="prdName">ORICO 5 in 1 Travel Power Strip</div> <span>{$vo.name}</span>
<div class="prddec">ORICO-AP3-2A3U</div> </div>
<div class="prd-colors"> {notempty name="vo.products"}
<div class="prdolorit on"> <div class="ori-pd-list">
<img src="/static/index/images/WH.jpg"> {volist name="vo.products" id="vp"}
</div> <a class="oripditem" href="{:url('product/detail', ['id' => $vp.id])}">
<div class="prdolorit"> <div>
<img src="/static/index/images/BK.jpg"> {volist name="vp.sku" id="vs" key="vs_idx"}
</div> <img src="{$vs.main_image}" id="sku_image_{$vs.id}" class="prdimg {eq name='vs_idx' value='1'}prdimg-show{/eq}" />
</div> {/volist}
</a> </div>
<div class="prdName">{$vp.name}</div>
<div class="prddec">{$vp.spu}</div>
{notempty name="vp.colors"}
<div class="prd-colors">
{volist name="vp.colors" id="vc" key="vc_idx"}
<div class="prdolorit {eq name='vc_idx' value='1'}on{/eq}" data-sku_id="{$vc.sku_id}">
{assign name="color_type" value=":rgb_or_image($vc.attr_value)" /}
{eq name="color_type" value="IMAGE"}
<img src="{$vc.attr_value}" />
{elseif condition="$color_type == 'RGB'" /}
<span class="rgb_hex" {:style(['background-color'=>$vc.attr_value])}></span>
{/eq}
</div>
{/volist}
</div>
{/notempty}
</a>
{/volist}
</div>
{/notempty}
{/volist}
{/notempty}
</div> </div>
</div>
</div> </div>
{/block} {/block}
{block name="script"}
<script type="text/javascript">
$(function () {
// 显示第一张图片
$('.opdbannerImg').eq(0).show();
let currentIndex = 0;
const imgCount = $('.opdbannerImg').length;
setInterval(() => {
// 淡出当前图片
$('.opdbannerImg').eq(currentIndex).fadeTo(10, 0, () => {
// 隐藏当前图片
$('.opdbannerImg').eq(currentIndex).hide();
// 计算下一张图片的索引
currentIndex = (currentIndex + 1) % imgCount;
// 显示并淡入下一张图片
$('.opdbannerImg').eq(currentIndex).show().fadeTo(10, 1);
});
}, 10000);
$('.prd-colors .prdolorit').click(function(event) {
event.stopPropagation();
event.preventDefault();
var sku_id = $(this).data('sku_id');
$('#sku_image_' + sku_id).addClass('prdimg-show').siblings().removeClass('prdimg-show');
$(this).addClass('on').siblings().removeClass('on');
});
})
</script>
{/block}