commit

public/list.json

@@ -0,0 +1,31 @@
+[
+    {
+        "name": "OpenFrp 开放映射",
+        "description": "OpenFrp 是一个免费开放的内网穿透工具",
+        "logo_url": "https://www.openfrp.net/index_static/OpenFrpLogo512.png",
+        "url": "https://www.openfrp.net"
+    },
+    {
+        "name": "StarryFrp 星空内网穿透",
+        "description": "\\",
+        "logo_url": "https://cdn.starryfrp.com/images/xk-logo.png",
+        "url": "https://frp.starryfrp.com"
+    },
+    {
+        "name": "Mr FRP 明日内网穿透",
+        "description": "明日内网穿透，免费的内网穿透，MC映射",
+        "logo_url": "https://mrfrp.cn/logo.jpg",
+        "url": "https://mrfrp.cn"
+    },
+    {
+        "name": "MirrorEdge(ME Frp) 镜缘映射",
+        "description": "半公益，稳定，无限带宽/隧道，高可用的内网穿透，免费节点不限流量，付费节点价格低廉",
+        "logo_url": "https://panel.mefrp.com/assets/lae-dark.png",
+        "url": "https://www.mefrp.com"
+    },{
+        "name": "TestFrp",
+        "description": "内网穿透工具",
+        "logo_url": "",
+        "url": ""
+    }
+]

src/components/Index.vue

@@ -2,7 +2,7 @@
  * @Author: ahmr-bot ahmrcxy@gmail.com
  * @Date: 2022-11-24 12:54:06
  * @LastEditors: ahmr-bot ahmrcxy@gmail.com
- * @LastEditTime: 2022-11-24 14:36:15
+ * @LastEditTime: 2022-11-24 16:18:07
  * @FilePath: \Friends\Friends\src\components\HelloWorld.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
@@ -30,7 +30,8 @@
               v-for="links in links"
               :key="links.id"
               size="x-small"
-            >     <div class="mb-4">
+            >     <v-avatar height="125" :image="links.logo_url"></v-avatar> <div class="mb-4">
+
                 <div class="font-weight-normal">
                   <strong>名称: {{ links.name }}</strong> <v-btn :href="links.url">前往</v-btn>
                 </div>
@@ -49,14 +50,13 @@
 import List from './list.vue'
 import { ref } from 'vue'
 import axios from 'axios'
-import { list } from 'postcss';
 const links = ref([])
 axios({
   method:'get',
-  url:'/1.json'
+  url:'https://cdn.jsdelivr.net/gh/China-Frp-Union/Union-Chain-Page/public/list.json'
 }).then((res)=>{
   console.log(res.data.links)
-  links.value = res.data.links
+  links.value = res.data
 })
 </script>
 <script>