排行榜显示优化

ljxi · Jun 10, 2024 · ff5d10d · ff5d10d
1 parent 3e9a9ca
commit ff5d10d
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 8 deletions.
diff --git a/.env b/.env
@@ -1,2 +1,2 @@
-VITE_API_URL_ = //app.ljxnet.cn/network-panel/
-VITE_API_URL = http://192.168.31.246:8000/
+VITE_API_URL = //app.ljxnet.cn/network-panel/
+VITE_API_URL_ = http://192.168.80.128:8004/
diff --git a/src/App.vue b/src/App.vue
@@ -29,12 +29,13 @@
     <div style="height: fit-content;padding-bottom: 10px;">
       <div style="width: fit-content;margin-left: auto;margin-right: auto;">
         <el-link type="info" @click='open("https://netart.cn/")' target="_blank">Whoami</el-link>&nbsp;
-        <el-link type="info" @click='open("https://github.com/ljxi/NetworkPanel")' target="_blank">源码</el-link>
+        <el-link type="info" @click='open("https://github.com/ljxi/NetworkPanel")' target="_blank">源码</el-link>&nbsp;
+        <el-link type="info" @click='open("https://github.com/ljxi/GeoCN")' target="_blank">IP离线库</el-link>
       </div>
       <div style="width: fit-content;margin-left: auto;margin-right: auto;">
         <span style="color:var(--el-color-info);font-size: 12px;">
           本工具由
-            <el-link style="vertical-align: -2px;" type="info" @click='open("https://kuocai.cn/")' target="_blank">
+            <el-link style="vertical-align: -2px;" type="info" @click='open("https://www.kuocaicdn.com/register?code=8z8urvbg2ffd9")' target="_blank">
               <img src="https://www.kuocaicdn.com/dashboard/assets/svg/logos/logo-short.svg" alt="括彩CDN" width="15" height="15">
               括彩云智能CDN
             </el-link>
@@ -148,7 +149,9 @@
       <span>作者：<el-link @click='open("https://netart.cn/")' type="primary">Whoami</el-link></span><br>
       <span>QQ：<el-link type="primary" @click="copyText('582424565')">582424565 </el-link></span><br>
       <span>QQ群：<el-link type="primary" @click="copyText('463481772')">463481772 </el-link></span><br>
-      <span>开源地址：<el-link @click='open("https://github.com/ljxi/NetworkPanel")' type="primary">Github</el-link></span><br> 
+      <span>开源地址：<el-link @click='open("https://github.com/ljxi/NetworkPanel")' type="primary">NetworkPanel</el-link>&nbsp;
+        <el-link @click='open("https://github.com/ljxi/GeoCN")' type="primary">GeoCN</el-link>
+      </span><br> 
       <span>赞助支持：
         <el-link @click='open("https://afdian.net/a/ljxnet")' type="primary">爱发电</el-link>&nbsp
         <el-link @click='open("https://qr.alipay.com/fkx13781i79xywfarbvrsfc")' type="primary">支付宝</el-link>

diff --git a/src/components/Mark.vue b/src/components/Mark.vue
@@ -34,14 +34,18 @@
           <el-table-column v-if="showSimple" prop="user" label="属地">
             <template #default="scope">
               <div class="block">
-                <el-tag size="small" :type=scope.row.type round>{{ scope.row.short }}</el-tag>
+                <el-tooltip class="item" effect="dark" :content="scope.row.short" placement="top">
+                  <el-tag size="small" :type=scope.row.type class="tag-long" round>{{ scope.row.short }}</el-tag>
+                </el-tooltip>
               </div>
             </template>
           </el-table-column>
           <el-table-column v-if="!showSimple" prop="user" label="运营商">
             <template #default="scope">
               <div class="block">
-                <el-tag size="small" :type=scope.row.type round>{{ scope.row.isp }}</el-tag>
+                <el-tooltip class="item" effect="dark" :content="scope.row.isp" placement="top">
+                  <el-tag size="small" :type=scope.row.type class="tag-short" round>{{ scope.row.isp }}</el-tag>
+                </el-tooltip>
               </div>
             </template>
           </el-table-column>
@@ -166,4 +170,19 @@ const timeformatter=(n:number)=>{
   n/=24
   return n.toFixed(0)+'天'
 }
-</script>
+</script>
+
+<style scoped>
+.tag-short{
+  max-width: 50px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tag-long{
+  max-width: 80px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>