wjd
/
rui-neng
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

产品列表

master
xiaodong 3 weeks ago
parent
97c5f0e33c
commit
2e98754665
1 changed files with 59 additions and 90 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 149
      public/themes/website/1/zh/demo/category.html

149
public/themes/website/1/zh/demo/category.html
View File

@ -88,14 +88,16 @@ $current_cate_id = $current_cate['id'] ?? '';
<div class="c-layout">
<aside class="c-sidebar" aria-label="产品分类" data-lenis-prevent>
<ul class="c-sidebar__list" data-category-nav>
{hcTaglib:subcategory pid="333" item="vo" sort=""}
获取所有分类
{/hcTaglib:subcategory}
<li class="c-sidebar__item is-active" data-category-item="industrial-control">
<!-- 获取所有分类 -->
{hcTaglib:subcategory pid="333" item="vo" sort="" key="key"}
{php}
$sub_cate_id = $vo['id']; // 获取子分类的ID
$need_show_sub_content = $vo['need_show_sub_content'] ?? 0; //是否需要展示此分类下的内容列表0=不展示,1=展示
{/php}
<li class="c-sidebar__item is-active" data-category-item="product-control-{$key}">
<button type="button" class="c-sidebar__trigger" data-category-id="industrial-control" data-category-name="工业控制产品" aria-expanded="true">
<span>工业控制产品</span>
<button type="button" class="c-sidebar__trigger" data-category-id="product-control-{$key}" data-category-name="{$vo.title}" aria-expanded="true">
<span>{$vo.title}</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
@ -104,105 +106,72 @@ $current_cate_id = $current_cate['id'] ?? '';
</button>
<ul class="c-sidebar__subs">
{hcTaglib:subcategory pid="$sub_cate_id" item="vo_sub" sort="" key="key_sub"}
<li>
<button type="button" class="c-sidebar__sub" data-category-id="industrial-control" data-sub-id="motion-plc">运动控制PLC</button>
</li>
<li>
<button type="button" class="c-sidebar__sub" data-category-id="industrial-control" data-sub-id="process-plc">过程控制PLC</button>
</li>
<li>
<button type="button" class="c-sidebar__sub" data-category-id="industrial-control" data-sub-id="hmi">人机界面HMI</button>
</li>
<li>
<button type="button" class="c-sidebar__sub" data-category-id="industrial-control" data-sub-id="iot">物联网</button>
<button type="button" class="c-sidebar__sub" data-category-id="product-control-{$key}" data-sub-id="product-control-{$key_sub}">{$vo_sub.title}</button>
</li>
{/hcTaglib:subcategory}
</ul>
</li>
<li class="c-sidebar__item" data-category-item="servo">
<button type="button" class="c-sidebar__trigger" data-category-id="servo" data-category-name="伺服系统产品" aria-expanded="false">
<span>伺服系统产品</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
<li class="c-sidebar__item" data-category-item="inverter">
<button type="button" class="c-sidebar__trigger" data-category-id="inverter" data-category-name="变频器产品" aria-expanded="false">
<span>变频器产品</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
<li class="c-sidebar__item" data-category-item="soft-starter">
<button type="button" class="c-sidebar__trigger" data-category-id="soft-starter" data-category-name="软启动器产品" aria-expanded="false">
<span>软启动器产品</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
<li class="c-sidebar__item" data-category-item="robot">
<button type="button" class="c-sidebar__trigger" data-category-id="robot" data-category-name="工业机器人" aria-expanded="false">
<span>工业机器人</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
<li class="c-sidebar__item" data-category-item="embodied">
<button type="button" class="c-sidebar__trigger" data-category-id="embodied" data-category-name="具身机器人部件产品" aria-expanded="false">
<span>具身机器人部件产品</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
<li class="c-sidebar__item" data-category-item="textile">
<button type="button" class="c-sidebar__trigger" data-category-id="textile" data-category-name="纺织行业专用产品" aria-expanded="false">
<span>纺织行业专用产品</span>
<span class="c-sidebar__chevron" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg>
</span>
</button>
</li>
{/hcTaglib:subcategory}
</ul>
</aside>
<div class="c-main">
<div class="c-panel" data-category-panel="industrial-control">
<div class="c-grid" data-product-grid>
<!-- 获取当前分类的所有文章 -->
{hcTaglib:contentPage2 cid="$current_cate_id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="100" item="content22" sort="sort asc"}
{/hcTaglib:contentPage2}
{hcTaglib:subcategory pid="333" item="vo" sort="" key="key"}
{php}
$sub_cate_id = $vo['id']; // 获取子分类的ID
// $need_show_sub_content = $vo['need_show_sub_content'] ?? 0; //是否需要展示此分类下的内容列表0=不展示,1=展示
{/php}
{if !empty($hc_content)}
<div class="c-panel" data-category-panel="product-control-{$key}">
{hcTaglib:subcategory pid="$sub_cate_id" item="vo_sub" sort="" key="key_sub"}
{volist name="hc_content" id="vo_content"}
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}--666666666666</a></li>
{/volist}
<!-- 获取当前分类的所有文章 -->
{hcTaglib:contentPage2 cid="$vo_sub.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="100" item="content_sub22" sort="sort asc"}
{/hcTaglib:contentPage2}
{/if}
{if !empty($hc_content)}
<div class="c-grid" data-product-grid>
{volist name="hc_content" id="vo_content"}
<!-- <li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}&#45;&#45;666666666666</a></li> -->
<article class="s-product-card" data-sub="motion-plc">
<a class="s-product-card__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">
<div class="s-product-card__media">
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="{$vo_content.title}" loading="lazy" />
</div>
<div class="s-product-card__foot">
<h3 class="s-product-card__name">{$vo_content.title}</h3>
<span class="s-product-card__arrow" aria-hidden="true">
<img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e"
alt=""
width="12"
height="11"
/>
</span>
</div>
</a>
</article>
{/volist}
</div>
{else /}
<div class="c-empty" data-product-empty hidden>
<p class="c-empty__text">暂无产品</p>
</div>
{/if}
{/hcTaglib:subcategory}
</div>
{/hcTaglib:subcategory}
<div class="c-panel" data-category-panel="industrial-control">
<div class="c-grid" data-product-grid>
<article class="s-product-card" data-sub="motion-plc">
<a class="s-product-card__link" href="/product.html">
<div class="s-product-card__media">

Write Preview
Loading…
Cancel
Save