xieyinlu/zhilu-admin
1
0
Fork 0
mirror of https://github.com/ccmjga/zhilu-admin synced 2026-03-13 21:27:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

新增mjga.png图片文件，更新PromotionBanner组件以支持新的后端脚手架链接，并调整用户管理页面布局以展示多个推广横幅。

Browse Source
This commit is contained in:
Chuck1sn
2025-07-14 10:05:18 +08:00
parent 87c4706ca7
commit 2c302315b1
4 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/mjga.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

4
frontend/src/components/common/PromotionBanner.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="flex justify-center items-center my-4">
<a class="group relative w-full sm:w-2/3 md:w-1/2 lg:w-2/5 xl:w-1/3 max-w-xs overflow-hidden rounded-lg border border-gray-200 shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.02]"
<a class="group relative w-full max-w-xs overflow-hidden rounded-lg border border-gray-200 shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.02]"
:href="href" target="_blank">
<div class="absolute top-0 right-0 bg-blue-600 text-white text-xs px-2 py-1 rounded-bl-lg z-10">{{ label }}</div>
<img :src="imageSrc" :alt="imageAlt"
class="w-full h-auto transition-transform duration-500 group-hover:scale-105">
class="w-full h-52 transition-transform duration-500 group-hover:scale-105">
<div
class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-3 transform transition-all duration-300">
<span class="text-white text-sm font-medium group-hover:underline flex items-center">

2
frontend/src/components/layout/Headbar.vue
View File

@@ -29,7 +29,7 @@
</svg>
<span class="text-sm pl-0.5 pr-2 font-medium">Star</span>
</span>
<span class="text-sm py-0.5 px-2 font-medium">0.2k</span>
<span class="text-sm py-0.5 px-2 font-medium">0.3k</span>
</a>
<button class="cursor-pointer pt-1" @click="changeAssistantVisible">
<AiChatIcon />

8
frontend/src/views/UserManagementPage.vue
View File

@@ -1,7 +1,11 @@
<template>
<div class="px-2 sm:px-4 pt-6 sm:rounded-lg">
<PromotionBanner href="https://www.bilibili.com/cheese/play/ss198449120" imageSrc="/ai-tdd.png"
imageAlt="ai-tdd-tutorial" label="官方教程" text="无幻觉式 AI 编程方法论" />
<div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4">
<PromotionBanner href="https://www.bilibili.com/cheese/play/ss198449120" imageSrc="/ai-tdd.png"
imageAlt="ai-tdd-tutorial" label="官方教程" text="无幻觉式 AI 编程方法论" />
<PromotionBanner href="https://www.mjga.cc" imageSrc="/mjga.png" imageAlt="后端脚手架" label="后端脚手架"
text="国内唯一可选配组件和元信息的脚手架" />
</div>
<div class="mb-4">
<Breadcrumbs :names="['用户管理']" />
<h1 class="text-xl font-semibold text-gray-900 sm:text-2xl">用户管理</h1>