init: 项目初始代码

app/index/view/zh-cn/goods/detail.html

@@ -0,0 +1,90 @@
+{include file='zh-cn/common/header' title='商品详情' keywords='商品详情' description='商品详情'} {include file='zh-cn/common/nav' }
+<!-- Search Modal End -->
+<!-- OffCanvas Menu End --><!-- breadcrumb-area start -->
+<div class="container">
+  <div class="row align-items-center justify-content-center">
+    <div class="col-12">
+      <!-- breadcrumb-list start -->
+      <ul class="breadcrumb-list">
+        <li class="breadcrumb-item"><a log="a" href="{:url('index/index/index')}">首页</a></li>
+        {foreach $resource.bread as $key => $bread}
+        <span>></span>
+        <li class="breadcrumb-item"><a log="a" href="{:url('index/goods/index?'.$bread.qs)}">{$bread.name}</a></li>
+        {/foreach}
+      </ul>
+      <!-- breadcrumb-list end -->
+    </div>
+  </div>
+</div>
+<!-- breadcrumb-area end --><!-- Goods Details Area Start -->
+<div class="product-details-area pb-100px">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-5 col-sm-12 col-xs-12 mb-lm-30px mb-md-30px mb-sm-30px">
+        <!-- Swiper -->
+        <div class="swiper-container zoom-top">
+          <div class="single-product-slider-wrapper swiper-wrapper">
+            {foreach $resource.goodsInfo.images as $img}
+            <div class="swiper-slide zoom-image-hover">
+              <img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
+            </div>
+            {/foreach}
+          </div>
+        </div>
+        <div class="swiper-container zoom-thumbs mt-20px">
+          <div class="swiper-wrapper">
+            {foreach $resource.goodsInfo.images as $img}
+            <div class="swiper-slide">
+              <img log="img" class="img-responsive m-auto" src="{$img.image}" alt="" />
+            </div>
+            {/foreach}
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-7 col-sm-12 col-xs-12" data-aos="fade-up" data-aos-delay="200">
+        <div class="product-details-content quickview-content ml-25px">
+          <h2>{$resource.goodsInfo.name}</h2>
+          <p class="mb-0">{$resource.goodsInfo.description}</p>
+          <div class="line-shape-top"></div>
+          <div class="pro-details-categories-info pro-details-same-style">
+            <ul>
+              <li><span>型号:</span>{$resource.goodsInfo.model_number}</li>
+              <li><span>类型:</span>{$resource.goodsInfo.category_name}</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- product details description area start -->
+<div class="description-review-area pb-100px" data-aos="fade-up" data-aos-delay="200">
+  <div class="container">
+    <div class="description-review-wrapper">
+      <div class="description-review-topbar nav">
+        <a log="a" class="active" data-bs-toggle="tab" href="#des-details1">图文详情描述</a>
+        <a log="a" data-bs-toggle="tab" href="#des-details2">规格参数</a>
+      </div>
+      <div class="tab-content description-review-bottom">
+        <div id="des-details1" class="tab-pane active">
+          <div class="product-description-wrapper">{$resource.goodsInfo.details | raw}</div>
+        </div>
+        <div id="des-details2" class="tab-pane">
+          <div class="product-anotherinfo-wrapper text-start">
+            <div class="row">
+              {if count($resource.goodsInfo.goods_attribute) > 0} {foreach $resource.goodsInfo.goods_attribute as $attr}
+              <div class="col-lg-12 col-xl-12 col-md-12 col-sm-12 col-xs-12">
+                <ul>
+                  <li><span>{$attr.attribute_name}</span><em>{$attr.value}</em></li>
+                </ul>
+              </div>
+              {/foreach} {/if}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- product details description area end -->
+{include file='zh-cn/common/footer'} {include file='zh-cn/common/script'}