yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

的撒法
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-22 22:46:50 +08:00
parent 3f6bec8ed4
commit 3bfa14e800
2 changed files with 48 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/index.css
View File

@@ -27,6 +27,21 @@
} }
/* 轮播文案标签（标题上方的小圆角标签） */
.banner-tags {
margin-bottom: 12px;
}
.banner-tag-pill {
display: inline-block;
margin-right: 8px;
padding: 4px 12px;
font-size: 14px;
border-radius: 999px;
background: rgba(255, 103, 57, 0.08);
color: #FF6739;
}
.banner-cont .swiper-pagination-bullet { .banner-cont .swiper-pagination-bullet {
width: 36px; width: 36px;
height: 4px; height: 4px;

37
index.html
View File

@@ -11,16 +11,45 @@
<body id="index"> <body id="index">
<header>{include file="public/header"}</header> <header>{include file="public/header"}</header>
<!-- banner（恢复 Swiper 轮播结构，数据由 $data.banner 提供；未配置时使用静态占位） --> <!-- banner（Swiper 轮播，数据由 $data.banner 提供；未配置时使用静态占位） -->
<section class="section banner"> <section class="section banner">
<div class="swiper banner-cont"> <div class="swiper banner-cont">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{if ( isset($data.banner) ) } {if ( isset($data.banner) ) }
{foreach $data.banner as $key=>$value} {foreach $data.banner as $key=>$value}
<div class="swiper-slide"> <div class="swiper-slide">
<a href="{$value.url|default='javascript:;'}"> <img class="img-responsive img center-block" src="{$value.img|default='/web/BlackFruit-web/assets/img/index/1@2x.png'}" alt="">
<img class="img-responsive img center-block" src="{$value.img}" alt=""> <div class="section-content">
</a> {if !empty($value.tags)}
{php}$__tags = preg_split('/[,，]/', $value['tags']);{/php}
<div class="banner-tags">
{foreach $__tags as $__t}
{php}$__t_trim = trim($__t);{/php}
{if $__t_trim != ''}
<span class="banner-tag-pill">{$__t_trim}</span>
{/if}
{/foreach}
</div>
{/if}
{if !empty($value.title)}
<h1>{$value.title}</h1>
{/if}
{if !empty($value.description)}
<p class="banner-desc">{$value.description}</p>
{/if}
{if !empty($value.button_text)}
<a
class="btn btn2 btn-normal"
href="{$value.button_link|default=$value.url|default='javascript:;'}"
{if !empty($value.button_blank) || !empty($value.blank)}target="_blank"{/if}
>
{$value.button_text}
</a>
{/if}
</div>
</div> </div>
{/foreach} {/foreach}
{else /} {else /}