样式处理
This commit is contained in:
@@ -109,10 +109,9 @@ body { background: #ffffff !important; }
|
||||
}
|
||||
|
||||
.tool-hero {
|
||||
border: 1px solid #e5e7eb;
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
|
||||
padding: 1.2rem 1rem 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -181,38 +180,6 @@ body { background: #ffffff !important; }
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tool-kpis {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: .6rem;
|
||||
margin-top: .8rem;
|
||||
margin-bottom: .6rem;
|
||||
}
|
||||
|
||||
.tool-kpi {
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: .8rem;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
|
||||
padding: .56rem .6rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tool-kpi .label {
|
||||
display: block;
|
||||
color: #7b8fb2;
|
||||
font-size: .76rem;
|
||||
margin-bottom: .2rem;
|
||||
}
|
||||
|
||||
.tool-kpi .value {
|
||||
font-family: "Outfit", "Noto Sans SC", sans-serif;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 800;
|
||||
color: var(--text-main);
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.tool-channel {
|
||||
border: none;
|
||||
border-radius: 12px;
|
||||
@@ -363,7 +330,7 @@ body { background: #ffffff !important; }
|
||||
|
||||
.tool-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
gap: .6rem;
|
||||
}
|
||||
|
||||
@@ -510,9 +477,6 @@ body { background: #ffffff !important; }
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tool-kpis {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.tool-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
@@ -542,9 +506,6 @@ body { background: #ffffff !important; }
|
||||
.tool-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.tool-kpis {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.tool-channel {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
@@ -83,25 +83,6 @@ $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_ge
|
||||
<button class="btn btn-primary" type="submit"><i class="bi bi-search"></i> 搜索</button>
|
||||
</form>
|
||||
|
||||
<div class="tool-kpis">
|
||||
<div class="tool-kpi">
|
||||
<span class="label">工具总数</span>
|
||||
<span class="value">{{ $toolStats['total'] }}</span>
|
||||
</div>
|
||||
<div class="tool-kpi">
|
||||
<span class="label">API支持</span>
|
||||
<span class="value">{{ $toolStats['api'] }}</span>
|
||||
</div>
|
||||
<div class="tool-kpi">
|
||||
<span class="label">免费工具</span>
|
||||
<span class="value">{{ $toolStats['free'] }}</span>
|
||||
</div>
|
||||
<div class="tool-kpi">
|
||||
<span class="label">7日更新</span>
|
||||
<span class="value">{{ $toolStats['updated_7d'] }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="channel-tabs justify-content-center" aria-label="筛选模式">
|
||||
@foreach($tabOptions as $tab)
|
||||
<a class="channel-tab @if($activeTab === $tab['key']) active @endif" href="{{ route('tools.index', array_filter(array_merge($filters, ['tab' => $tab['key']]))) }}">{{ $tab['label'] }}</a>
|
||||
|
||||
Reference in New Issue
Block a user