更新：首页轮播图添加链接跳转功能

public/static/css/style.css

@@ -117,6 +117,8 @@ input,select,textarea{outline:medium none; resize: none;}
 .banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; outline: none; margin-right: 1.25rem;}
 .banner-box .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
 
+.banner-slide-link{width: 100%;height: 100%;}
+
 .all-title-box1{ font-weight: 100;}
 .all-title-box1 span{ display: block; font-size: 2.25rem;}
 .all-title-box1 p{ font-size: 1.25rem; text-transform: uppercase; margin-top: 0.3125rem;}

view/index/index.html

@@ -1,17 +1,26 @@
 {layout name="layout" /}
 
+<!-- slide -->
 <div class="banner-box w-100">
     <div class="swiper-container">
         <div class="swiper-wrapper">
         {if isset($slides) && count($slides) > 0}
         {foreach $slides as $banner}
         <div class="swiper-slide center-center" style="background-image: url({$banner.src});">
+        {php}
+            $bannerLink = 'javascript:;';
+            if(!empty($banner['url'])) {
+                $bannerLink = $banner['url'];
+            }
+        {/php}
+        <a href="{$bannerLink}" class="center-center banner-slide-link">
             <div class="w-1500">
                 <div class="pull-left">
                     <p>{:nl2br($banner.title ?? '')}</p>
                     <i>{:nl2br($banner.description ?? '')}</i>
                 </div>
             </div>
+        </a>
         </div>
         {/foreach}
         {/if}
@@ -19,6 +28,7 @@
         <div class="swiper-page"><div class="w-1500"><div class="swiper-pagination"></div></div></div>
     </div>
 </div>
+
 <div class="all-center-box">
     <div class="home-box1 w-100">
         <div class="w-1500">