feat: 模板区分pc与mobile

app/index/view/pc/article/index.html

@@ -0,0 +1,49 @@
+{extend name="public/base" /}
+{block name="style"}
+<link rel="stylesheet" type="text/css" href="__CSS__/article_category.css" />
+{/block}
+{block name="main"}
+<div class="orico_Page_category">
+    <!-- 内容 -->
+    <div class="categoryMain">
+        <img src="{$banner.image}" class="categorybgimg" />
+        <!-- 切换 -->
+        <div class="tabs">
+            {volist name="categorys" id="ca"}
+            {if condition="$Request.get.cid == $ca.id || (!$Request.has.cid && $key == 0)"}
+            <a class="tabitme on" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
+            {else/}
+            <a class="tabitme" href="{:url('article/index', ['pid' => $ca.pid, 'cid' => $ca.id])}">
+            {/if}
+                {$ca.name}
+            </a>
+            {/volist}
+        </div>
+        <!-- 搜索 -->
+        <div class="categorySearch">
+            <form action="{:url('article/index', ['pid' => $Request.param.pid])}" method="get">
+                <i class="search_icon"></i>
+                <input type="text" class="search" id="article-search-in" name="keywords" value="">
+            </form>
+        </div>
+        <!-- 切换内容 -->
+        {notempty name="articles"}
+        <div class="tabConten">
+            <div class="tbmain">
+                {volist name="articles" id="ar"}
+                <div class="Contenitem">
+                    <a href="{:url('article/detail', ['id' => $ar.id])}">
+                        <img src="{$ar.image}" />
+                        <h3>{$ar.title}</h3>
+                        <p>{$ar.desc}</p>
+                    </a>
+                </div>
+                {/volist}
+            </div>
+            <!-- 分页-->
+            <div>{$articles|raw}</div>
+        </div>
+        {/notempty}
+    </div>
+</div>
+{/block}