样式处理
This commit is contained in:
@@ -109,10 +109,9 @@ body { background: #ffffff !important; }
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tool-hero {
|
.tool-hero {
|
||||||
border: 1px solid #e5e7eb;
|
border: none;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
|
|
||||||
padding: 1.2rem 1rem 1rem;
|
padding: 1.2rem 1rem 1rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
@@ -181,38 +180,6 @@ body { background: #ffffff !important; }
|
|||||||
font-weight: 600;
|
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 {
|
.tool-channel {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
@@ -363,7 +330,7 @@ body { background: #ffffff !important; }
|
|||||||
|
|
||||||
.tool-grid {
|
.tool-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||||
gap: .6rem;
|
gap: .6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -510,9 +477,6 @@ body { background: #ffffff !important; }
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.tool-kpis {
|
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
||||||
}
|
|
||||||
.tool-grid {
|
.tool-grid {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
}
|
}
|
||||||
@@ -542,9 +506,6 @@ body { background: #ffffff !important; }
|
|||||||
.tool-grid {
|
.tool-grid {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
.tool-kpis {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
.tool-channel {
|
.tool-channel {
|
||||||
grid-template-columns: 1fr;
|
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>
|
<button class="btn btn-primary" type="submit"><i class="bi bi-search"></i> 搜索</button>
|
||||||
</form>
|
</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="筛选模式">
|
<nav class="channel-tabs justify-content-center" aria-label="筛选模式">
|
||||||
@foreach($tabOptions as $tab)
|
@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>
|
<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