From 5b325656b20ef480a4fa0a34fb07580bd0585ade Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Mon, 26 May 2025 11:58:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20mobile=E6=96=B0=E5=93=81=E4=B8=8A?=
 =?UTF-8?q?=E5=B8=82=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/mobile/product/newpro.html     | 45 +++++++++++++++++++
 .../index/mobile/css/product_newpro.css       |  9 ++++
 2 files changed, 54 insertions(+)
 create mode 100644 app/index/view/mobile/product/newpro.html
 create mode 100755 public/static/index/mobile/css/product_newpro.css

diff --git a/app/index/view/mobile/product/newpro.html b/app/index/view/mobile/product/newpro.html
new file mode 100644
index 00000000..419d0ac2
--- /dev/null
+++ b/app/index/view/mobile/product/newpro.html
@@ -0,0 +1,45 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" type="text/css" href="__CSS__/product_newpro.css" />
+{/block}
+{block name="main"}
+<div class="oricoEGapp">
+    <div class="oricoEGapp-newarrival">
+        <!-- 顶部产品图-->
+        {notempty name="focus_image"}
+        {volist name="focus_image" id="fo"}
+        <a {notempty name="fo.link" }href="{$fo.link}"{/notempty}>
+            <img src="{$fo.image}" class="ona-topimg" />
+        </a>
+        {/volist}
+        {/notempty}
+        <!-- 产品列表 -->
+        {notempty name="newpros"}
+        <div class="ona-prlist">
+            {volist name="newpros" id="vo"}
+            <div class="m_Container">
+                <div class="product_list_title">
+                    <div class="product_title">{$vo.category.name|default=''}</div>
+                </div>
+                <div class="product_list">
+                    {notempty name="vo.products"}
+                    <ul>
+                        {volist name="vo.products" id="pro"}
+                        <li class="img-responsive">
+                            <a href="{:url('product/detail', ['id' => $pro.id])}">
+                                <img src="{:thumb($pro.cover_image)}">
+                                <span class="title">{$pro.name}</span>
+                                <span class="subtitle">{$pro.spu}</span>
+                            </a>
+                        </li>
+                        {/volist}
+                    </ul>
+                    {/notempty}
+                </div>
+            </div>
+            {/volist}
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}
\ No newline at end of file
diff --git a/public/static/index/mobile/css/product_newpro.css b/public/static/index/mobile/css/product_newpro.css
new file mode 100755
index 00000000..793eec60
--- /dev/null
+++ b/public/static/index/mobile/css/product_newpro.css
@@ -0,0 +1,9 @@
+.oricoEGapp-newarrival {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  margin-top: 3.4rem;
+}
+.oricoEGapp-newarrival .ona-topimg {
+  max-width: 100%;
+}