{{extend './layout_v1.html'}} 
{{block 'title'}} 
{{head?.title}} 
{{/block}} 
{{block 'head'}}
<link rel="stylesheet" href="/public/jsj/css/goods_categories.css" />
{{/block}} {{block 'content'}}
<div class="goods_catalog content-continer flex items-center justify-center">
	<div class="w-[1200px] mb-4">
		<!-- 面包屑导航 -->
		<div class="flex justify-between">
			<div class="py-2">
				<nav aria-label="breadcrumb">
					<ol class="flex w-full flex-wrap items-center rounded-md bg-blue-gray-50 bg-opacity-60 py-2 px-4">
						<li
							class="flex cursor-pointer items-center font-sans font-normal leading-normal text-blue-gray-900 antialiased transition-colors duration-300 hover:text-blue-500">
							<a class="opacity-60" href="#">
								<span>首页</span>
							</a>
							<span
								class="pointer-events-none mx-2 select-none font-sans font-normal leading-normal text-blue-gray-500 antialiased">
								/
							</span>
						</li>
						<li
							class="flex cursor-pointer items-center font-sans font-normal leading-normal text-blue-gray-900 antialiased transition-colors duration-300 hover:text-blue-500">
							<a class="font-medium text-blue-gray-900 transition-colors hover:text-blue-500" href="#"> 商品分类 </a>
						</li>
					</ol>
				</nav>
			</div>
			<div class="category_total flex items-center justify-center">结果总数&nbsp;:&nbsp;<span>121</span></div>
		</div>
		<!-- 商品目录 -->
		{{if categories && categories.length>0}} {{each categories category index}}
		<div class="rounded-lg border border-gray-300 mb-4">
			<div class="rounded-lg overflow-hidden shadow-md">
				<div class="px-6 py-4 bg-white border-b border-gray-200 font-bold uppercase">
					<a href="" class="pl-1 border-l-4 border-indigo-500" style="border-left: 4px solid #d2364c;">
						{{category.category_name}} 
					</a>
					<!-- <span>39671</span> -->
				</div>
				<div class="p-6 bg-white border-b border-gray-200 flex flex-wrap">
					{{each category.children child index}}
					<div class="w-1/4 h-6 leading-4 mb-4">
						<a href="/catalog/{{child.id}}">{{child.category_name}}</a>
						<!-- <span>(37165)</span> -->
					</div>
					{{/each}}
				</div>
			</div>
		</div>
		{{/each}} {{/if}}
	</div>
</div>
{{/block}} {{block 'script'}}
<script src="/public/jsj/js/goods_categories.js"></script>
{{/block}}