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

23
components/Index/Partners.vue
View File

@@ -2,23 +2,36 @@
<div class="xl:w-screen-xl m-auto py-4 px-4 sm:px-0">
<div class="text-center flex flex-col items-center z-0 relative">
<h2 class="text-4xl font-bold tracking-tight text-gray-800 dark:text-white">
{{ title || '合作伙伴' }}
{{ title || '友情链接' }}
</h2>
<div class="sub-title">
<p class="text-gray-400 text-sm dark:text-gray-400 py-3">
{{ comments || '感谢所有合作伙伴和赞助商的支持！' }}
{{ comments || 'Link' }}
</p>
</div>
</div>
<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 hidden-sm-and-down">
<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"
@mouseleave="hideMenu" @mouseover="showMenu(item)">
<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: 30px"/>
<span :title="item.name" class="text-lg line-clamp-1">{{ item.name }}</span>
<span :title="item.name" class="line-clamp-1 text-sm lg:text-lg">{{ item.name }}</span>
</el-space>
</div>
</el-card>
</nuxt-link>
</el-col>
<el-col v-for="(item,index) in list" :key="index" :sm="6" :xs="12" class="left mb-2 hidden-sm-and-up">
<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"
@mouseleave="hideMenu" @mouseover="showMenu(item)">
<div class="flex-1 py-1 sm:p-0 !p-0">
<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: 30px"/>
<span :title="item.name" class="line-clamp-1 text-sm lg:text-lg">{{ item.name }}</span>
</el-space>
</div>
</el-card>
@@ -68,7 +81,7 @@ const hideMenu = () => {
// 请求数据
const reload = async () => {
pageCmsLink({limit: 6}).then(data => {
pageCmsLink({limit: 36}).then(data => {
list.value = data?.list || [];
})
}