Hugging Face's logo

Spaces:
nanoppa
/
llm
Running

App Files Community
nanoppa commited on
Commit
20daf5e
·
verified ·
1 Parent(s): 3dec1bd

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +9 -6
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>全自动 LLM 情报中心 (样式修复版)</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
9
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
@@ -17,9 +17,9 @@
17
  th.active-sort { background-color: #dbeafe; color: #2563eb; }
18
  </style>
19
  </head>
20
- <body class="bg-slate-50 min-h-screen text-slate-800">
21
 
22
- <div id="app" class="container mx-auto px-4 py-8 max-w-7xl">
23
 
24
  <!-- 头部 -->
25
  <div class="flex flex-col md:flex-row justify-between items-center mb-8 gap-4">
@@ -53,7 +53,6 @@
53
  <tr>
54
  <th class="px-6 py-4 font-bold whitespace-nowrap">模型名称 (ID)</th>
55
  <th class="px-6 py-4 font-bold whitespace-nowrap">厂商</th>
56
- <!-- 这里的类型表头也加上不换行 -->
57
  <th class="px-6 py-4 font-bold whitespace-nowrap">类型</th>
58
 
59
  <th class="px-6 py-4 font-bold whitespace-nowrap">参数量</th>
@@ -91,7 +90,7 @@
91
  </td>
92
  </tr>
93
  <tr v-for="model in sortedModels" :key="model.id" class="hover:bg-blue-50 transition duration-150">
94
- <td class="px-6 py-4 min-w-[200px]"> <!-- 给名称列一个最小宽度 -->
95
  <div class="font-bold text-slate-800">{{ model.name }}</div>
96
  <div class="text-xs text-slate-400 font-mono mt-1">{{ model.id }}</div>
97
  </td>
@@ -99,7 +98,6 @@
99
  {{ model.company }}
100
  </td>
101
  <td class="px-6 py-4">
102
- <!-- 修改关键点：添加 whitespace-nowrap -->
103
  <span :class="getTypeBadgeClass(model.type)" class="px-2 py-1 rounded text-xs font-medium border whitespace-nowrap">
104
  {{ model.type }}
105
  </span>
@@ -132,6 +130,11 @@
132
 
133
  </div>
134
 
 
 
 
 
 
135
  <script>
136
  const { createApp, ref, computed } = Vue;
137
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>全自动 LLM 情报中心</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
9
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 
17
  th.active-sort { background-color: #dbeafe; color: #2563eb; }
18
  </style>
19
  </head>
20
+ <body class="bg-slate-50 min-h-screen text-slate-800 flex flex-col"> <!-- flex-col 使得 footer 保持在底部 -->
21
 
22
+ <div id="app" class="container mx-auto px-4 py-8 max-w-7xl flex-grow"> <!-- flex-grow 使得主体内容撑开，让 footer 到底部 -->
23
 
24
  <!-- 头部 -->
25
  <div class="flex flex-col md:flex-row justify-between items-center mb-8 gap-4">
 
53
  <tr>
54
  <th class="px-6 py-4 font-bold whitespace-nowrap">模型名称 (ID)</th>
55
  <th class="px-6 py-4 font-bold whitespace-nowrap">厂商</th>
 
56
  <th class="px-6 py-4 font-bold whitespace-nowrap">类型</th>
57
 
58
  <th class="px-6 py-4 font-bold whitespace-nowrap">参数量</th>
 
90
  </td>
91
  </tr>
92
  <tr v-for="model in sortedModels" :key="model.id" class="hover:bg-blue-50 transition duration-150">
93
+ <td class="px-6 py-4 min-w-[200px]">
94
  <div class="font-bold text-slate-800">{{ model.name }}</div>
95
  <div class="text-xs text-slate-400 font-mono mt-1">{{ model.id }}</div>
96
  </td>
 
98
  {{ model.company }}
99
  </td>
100
  <td class="px-6 py-4">
 
101
  <span :class="getTypeBadgeClass(model.type)" class="px-2 py-1 rounded text-xs font-medium border whitespace-nowrap">
102
  {{ model.type }}
103
  </span>
 
130
 
131
  </div>
132
 
133
+ <!-- 页脚 -->
134
+ <footer class="mt-8 py-4 text-center text-slate-500 text-sm">
135
+ Powered by 飙猪狂
136
+ </footer>
137
+
138
  <script>
139
  const { createApp, ref, computed } = Vue;
140