From 1963214d14f3d413bbb1e74dc0a4fc5d5e9faec1 Mon Sep 17 00:00:00 2001
From: XiaoLFeng <gm@x-lf.cn>
Date: Sun, 9 Jul 2023 10:55:48 +0800
Subject: [PATCH] =?UTF-8?q?AddFeature=EF=BC=9A=E6=B7=BB=E5=8A=A0Tooltip?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8F=8B=E9=93=BE=E6=8F=8F=E8=BF=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在链接处添加 data-tooltip-target 添加内容

Signed-off-by: XiaoLFeng <gm@x-lf.cn>
---
 resources/views/function/link.blade.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/views/function/link.blade.php b/resources/views/function/link.blade.php
index f163147..5bc93c4 100644
--- a/resources/views/function/link.blade.php
+++ b/resources/views/function/link.blade.php
@@ -30,7 +30,12 @@ class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translat
             <div class="mx-auto max-w-4xl mb-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">
                 @foreach($blogLink as $valueLink)
                     @if($valueLink->blogLocation == $valueSort->id)
-                        <a href="{{ $valueLink->blogUrl }}" target="_blank">
+                        <a href="{{ $valueLink->blogUrl }}" target="_blank" data-tooltip-target="friend-{{ $valueLink->id }}">
+                            <div id="friend-{{ $valueLink->id }}" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium
+                            text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
+                                {{ $valueLink->blogDescription }}
+                                <div class="tooltip-arrow" data-popper-arrow></div>
+                            </div>
                             <div
                                 class="flex p-2 hover:bg-gray-100 bg-white border-2 {{ $blogColor[$valueLink->blogSetColor-1]->colorLightType }} rounded-lg
                                 shadow-lg sm:p-4