lkddi
8c05e0fb83
- 所有榜单查询排除 user_level >= superLevel 的管理员 - 盖世神豪榜单位从'万'改为'枚' - 缓存的查询也会过滤管理员（缓存到期后自动生效）
118 lines
5.4 KiB
PHP
118 lines
5.4 KiB
PHP
{{--
|
|
文件功能：风云排行榜页面
|
|
展示等级榜、经验榜、财富榜、魅力榜四大排行
|
|
|
|
@extends layouts.app
|
|
--}}
|
|
@extends('layouts.app')
|
|
|
|
@section('title', '风云排行榜 - 飘落流星')
|
|
|
|
@section('nav-icon', '🏆')
|
|
@section('nav-title', '风云排行榜')
|
|
|
|
@section('nav-left')
|
|
<a href="{{ route('rooms.index') }}" class="text-indigo-200 hover:text-white transition flex items-center group">
|
|
<svg class="w-5 h-5 mr-1 transform group-hover:-translate-x-1 transition" fill="none" stroke="currentColor"
|
|
viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
|
|
</svg>
|
|
返回大厅
|
|
</a>
|
|
@endsection
|
|
|
|
|
|
|
|
@section('content')
|
|
{{-- 说明条 --}}
|
|
<div class="bg-indigo-50 border-b border-indigo-100 py-3 shrink-0">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex justify-between items-center text-sm">
|
|
<p class="text-indigo-800 font-medium">✨ 数据每 <span class="font-bold text-red-500">15分钟</span>
|
|
自动刷新一次。努力提升自己，让全服铭记你的名字！</p>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 滚动内容区 --}}
|
|
<main class="p-4 sm:p-6 lg:p-8">
|
|
<div class="max-w-7xl mx-auto">
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
|
|
|
{{-- 1. 境界榜 (user_level) --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
|
|
<div
|
|
class="bg-gradient-to-r from-red-600 to-red-500 px-4 py-3 flex justify-between items-center text-white">
|
|
<h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">👑</span> 无上境界榜
|
|
</h2>
|
|
<span class="text-xs bg-red-800/40 px-2 py-0.5 rounded">Level</span>
|
|
</div>
|
|
<div class="p-0 overflow-y-auto max-h-[600px] flex-1">
|
|
@include('leaderboard.partials.list', [
|
|
'users' => $topLevels,
|
|
'valueField' => 'user_level',
|
|
'unit' => '级',
|
|
'color' => 'text-red-600',
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 2. 修为榜 (exp_num) --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
|
|
<div
|
|
class="bg-gradient-to-r from-amber-600 to-amber-500 px-4 py-3 flex justify-between items-center text-white">
|
|
<h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🔥</span> 苦修经验榜
|
|
</h2>
|
|
<span class="text-xs bg-amber-800/40 px-2 py-0.5 rounded">Exp</span>
|
|
</div>
|
|
<div class="p-0 overflow-y-auto max-h-[600px] flex-1">
|
|
@include('leaderboard.partials.list', [
|
|
'users' => $topExp,
|
|
'valueField' => 'exp_num',
|
|
'unit' => '点',
|
|
'color' => 'text-amber-600',
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 3. 财富榜 (jjb) --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
|
|
<div
|
|
class="bg-gradient-to-r from-yellow-500 to-yellow-400 px-4 py-3 flex justify-between items-center text-white">
|
|
<h2 class="font-bold text-lg flex items-center text-yellow-900"><span class="mr-2 text-xl">💰</span>
|
|
盖世神豪榜</h2>
|
|
<span class="text-xs bg-yellow-800/20 text-yellow-900 px-2 py-0.5 rounded">Coin</span>
|
|
</div>
|
|
<div class="p-0 overflow-y-auto max-h-[600px] flex-1">
|
|
@include('leaderboard.partials.list', [
|
|
'users' => $topWealth,
|
|
'valueField' => 'jjb',
|
|
'unit' => '枚',
|
|
'color' => 'text-yellow-600',
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
{{-- 4. 魅力榜 (meili) --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden flex flex-col">
|
|
<div
|
|
class="bg-gradient-to-r from-pink-600 to-pink-500 px-4 py-3 flex justify-between items-center text-white">
|
|
<h2 class="font-bold text-lg flex items-center"><span class="mr-2 text-xl">🌸</span> 绝世名伶榜
|
|
</h2>
|
|
<span class="text-xs bg-pink-800/40 px-2 py-0.5 rounded">Charm</span>
|
|
</div>
|
|
<div class="p-0 overflow-y-auto max-h-[600px] flex-1">
|
|
@include('leaderboard.partials.list', [
|
|
'users' => $topCharm,
|
|
'valueField' => 'meili',
|
|
'unit' => '点',
|
|
'color' => 'text-pink-600',
|
|
])
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
@endsection
|