DZR/bettergi-scripts-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1 css

Browse Source
This commit is contained in:
辉鸭蛋
2024-10-07 17:03:51 +08:00
parent 83583c2e9c
commit df48c65dfe
1 changed files with 13 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/App.vue
View File

@@ -1,28 +1,24 @@
<template> <template>
<a-layout> <a-layout>
<a-layout-content :style="{ padding: '0 50px', marginTop: '20px' }"> <a-layout-content :style="{ padding: '20px 50px' }">
<a-space direction="vertical" size="large" fill> <a-space direction="vertical" size="large" fill>
<a-select <a-select
v-model="selectedRepo" v-model="selectedRepo"
placeholder="选择仓库" placeholder="选择脚本仓库"
style="width: 320px" style="width: 320px"
@change="fetchRepoData" @change="fetchRepoData"
> >
<a-option value="repo1">仓库 1</a-option> <a-option value="https://raw.githubusercontent.com/babalae/bettergi-scripts-list/refs/heads/main/repo/items.json">BetterGI 中央仓库</a-option>
<a-option value="repo2">仓库 2</a-option>
<a-option value="repo3">仓库 3</a-option>
</a-select> </a-select>
<a-tabs v-if="repoData.length"> <a-tabs v-if="repoData.length">
<a-tab-pane v-for="category in repoData" :key="category.type" :title="getTabTitle(category.type)"> <a-tab-pane v-for="category in repoData" :key="category.type" :title="getTabTitle(category.type)">
<a-table :columns="columns" :data="category.list" :pagination="{ pageSize: 20 }"> <a-table :columns="columns" :data="category.list" :pagination="{ pageSize: 20 }">
<template #name="{ record }"> <template #name="{ record }">
<a-typography-paragraph copyable>
{{ record.name }} {{ record.name }}
</a-typography-paragraph>
</template> </template>
<template #tags="{ record }"> <template #tags="{ record }">
<a-space wrap> <a-space>
<a-tag v-for="tag in record.tags" :key="tag" color="blue">{{ tag }}</a-tag> <a-tag v-for="tag in record.tags" :key="tag" color="blue">{{ tag }}</a-tag>
</a-space> </a-space>
</template> </template>
@@ -59,7 +55,7 @@
</template> </template>
<script setup> <script setup>
import { ref, computed } from 'vue'; import { ref, onMounted } from 'vue';
import { Message } from '@arco-design/web-vue'; import { Message } from '@arco-design/web-vue';
const selectedRepo = ref(''); const selectedRepo = ref('');
@@ -91,8 +87,7 @@ const fetchRepoData = async () => {
if (!selectedRepo.value) return; if (!selectedRepo.value) return;
try { try {
// 这里替换为实际的 API 端点 const response = await fetch(selectedRepo.value);
const response = await fetch(`https://raw.githubusercontent.com/babalae/bettergi-scripts-list/refs/heads/main/repo/items.json`);
const data = await response.json(); const data = await response.json();
repoData.value = data; repoData.value = data;
} catch (error) { } catch (error) {
@@ -101,6 +96,12 @@ const fetchRepoData = async () => {
} }
}; };
onMounted(() => {
// 默认选中第一个仓库
selectedRepo.value = 'https://raw.githubusercontent.com/babalae/bettergi-scripts-list/refs/heads/main/repo/items.json';
fetchRepoData();
});
const downloadScript = (script) => { const downloadScript = (script) => {
// 实现下载逻辑 // 实现下载逻辑
console.log('Downloading script:', script.name); console.log('Downloading script:', script.name);
@@ -114,7 +115,7 @@ const showDetails = (script) => {
{ label: '版本', value: script.version }, { label: '版本', value: script.version },
{ label: '描述', value: script.description || '无描述' }, { label: '描述', value: script.description || '无描述' },
{ label: '路径', value: script.path }, { label: '路径', value: script.path },
{ label: '标签', value: script.tags.join(', ') }, { label: '标签', value: script.tags },
{ label: 'Hash', value: script.hash }, { label: 'Hash', value: script.hash },
]; ];
drawerVisible.value = true; drawerVisible.value = true;