gxwebsoft/template-10490
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

百色农校

Browse Source
This commit is contained in:
赵忠林
2025-04-17 16:22:32 +08:00
parent fe348ae97b
commit 7078da29f2
35 changed files with 516 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/links/[id].vue
View File

@@ -1,7 +1,7 @@
<template>
<!-- 主体部分 -->
<div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-20">
<div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-[220px]">
<el-page-header :icon="ArrowLeft" @back="goBack">
<template #content>
<span class="text-large font-600"> {{ page.title }} </span>

25
pages/links/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<!-- 主体部分 -->
<div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-20">
<div class="xl:w-screen-xl m-auto py-4 mt-12 px-4 sm:px-0 sm:mt-[220px]">
<el-page-header :icon="ArrowLeft" @back="goBack">
<template #content>
<span class="text-large font-600 line-clamp-1"> 网址导航 </span>
@@ -32,24 +32,15 @@
</el-dialog>
</template>
<el-row id="container" :gutter="24" class="clearfix">
<el-col v-for="(item,index) in list" :key="index" :sm="4" :xs="12" class="left mb-8">
<el-col v-for="(item,index) in list" :key="index" :sm="6" :xs="12" class="left mb-8">
<nuxt-link :to="`${item.url}`" class="flex-1 cursor-pointer flex flex-col text-center" target="_blank">
<el-card :body-style="{ padding: '0px' }" class="items-center flex justify-center" shadow="hover">
<el-popover
:content="item.comments"
:width="200"
placement="bottom"
trigger="hover"
>
<template #reference>
<div class="flex-1 py-5 sm:p-4 !p-4">
<el-space class="text-gray-700 dark:text-white text-base font-semibold h-[28px] flex justify-center items-center">
<el-image v-if="item.icon" :alt="item.name" :src="item.icon" style="height: 32px"/>
<span :title="item.name" class="text-lg line-clamp-1">{{ item.name }}</span>
</el-space>
</div>
</template>
</el-popover>
<div class="flex-1 py-5 sm:p-4 !p-4">
<el-space class="text-gray-700 dark:text-white text-base font-semibold h-[28px] flex justify-center items-center">
<el-image v-if="item.icon" :alt="item.name" :src="item.icon" style="height: 32px"/>
<span :title="item.name" class="text-lg line-clamp-1">{{ item.name }}</span>
</el-space>
</div>
</el-card>
</nuxt-link>
</el-col>