feat: mobile新品上市页

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}

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%;
+}