From eefc81784fe64797cd5b3e2eb25a2011f83dbce1 Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Mon, 19 May 2025 09:33:12 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=90=88=E5=B9=B6=E5=86=B2?=
 =?UTF-8?q?=E7=AA=81=E4=BB=A3=E7=A0=81=E6=89=BE=E5=9B=9E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/product/category.bak.html |  71 --------------
 app/index/view/product/subcategory.html  | 119 ++++++++++++++++-------
 2 files changed, 85 insertions(+), 105 deletions(-)
 delete mode 100644 app/index/view/product/category.bak.html

diff --git a/app/index/view/product/category.bak.html b/app/index/view/product/category.bak.html
deleted file mode 100644
index 6363511d..00000000
--- a/app/index/view/product/category.bak.html
+++ /dev/null
@@ -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}
\ No newline at end of file
diff --git a/app/index/view/product/subcategory.html b/app/index/view/product/subcategory.html
index 0e9ce46d..6e878fb6 100644
--- a/app/index/view/product/subcategory.html
+++ b/app/index/view/product/subcategory.html
@@ -1,35 +1,86 @@
-{extend name="public/base" /}
-{block name="style"}
-<link rel="stylesheet" href="__CSS__/product_subcategory.css" type="text/css" />
-{/block}
-{block name="main"}
-<div class="orico_Page_subcategory">
-  <!--公共头部-->
-  <iframe align="center" width="100%" height="60" src="head.html" frameborder="no" border="0" marginwidth="0"
-    marginheight="0" scrolling="no"></iframe>
-  <!-- 这个图片可能有可能没有-->
-  <img src="/static/index/images/SSD-1920x900-CN.jpg" class="sbbanner">
-  <!--首页主题内容 -->
-  <div class="pageMain">
-    <h1 class="ori-pd-title">Power Strip</h1>
-    <div class="ori-pd-list">
-      <a class="oripditem">
-        <div>
-          <img src="/static/index/images/prtest.jpg" class="prdimg prdimg-show" />
-          <img src="/static/index/images/prtest1.jpg" class="prdimg" />
-        </div>
-        <div class="prdName">ORICO 5 in 1 Travel Power Strip</div>
-        <div class="prddec">ORICO-AP3-2A3U</div>
-        <div class="prd-colors">
-          <div class="prdolorit on">
-            <img src="/static/index/images/WH.jpg">
-          </div>
-          <div class="prdolorit">
-            <img src="/static/index/images/BK.jpg">
-          </div>
-        </div>
-      </a>
-    </div>
-  </div>
-</div>
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" href="__CSS__/product_subcategory.css" type="text/css" />
+{/block}
+{block name="main"}
+<div class="orico_Page_subcategory">
+    {notempty name="focus_image"}
+    <div class="opdBanner">
+        {volist name="focus_image" id="fi"}
+        <a {notempty name="fi.link"}href="{$fi.link}"{/notempty}>
+            <img src="{$fi.image}" alt="" class="opdbannerImg" />
+        </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>
+        </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 () {
+        // 显示第一张图片
+        $('.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}
\ No newline at end of file