From fdd89fbb70ee10f84feeeea96678c42f37cda228 Mon Sep 17 00:00:00 2001
From: Council <council@openclaw>
Date: Tue, 21 Apr 2026 13:09:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E8=A7=84=E6=A0=BC?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E6=A0=B7=E5=BC=8F=20-=20=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E9=95=BF=E5=90=8D=E7=A7=B0=E6=98=BE=E7=A4=BA=E5=92=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 shopxo/app/plugins/vr_ticket/static/css/ticket.css       | 9 +++++++--
 .../app/plugins/vr_ticket/view/goods/ticket_detail.html  | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/shopxo/app/plugins/vr_ticket/static/css/ticket.css b/shopxo/app/plugins/vr_ticket/static/css/ticket.css
index bf6ed75..f37a1a7 100644
--- a/shopxo/app/plugins/vr_ticket/static/css/ticket.css
+++ b/shopxo/app/plugins/vr_ticket/static/css/ticket.css
@@ -108,10 +108,15 @@
 .vr-spec-label { font-size: 14px; font-weight: bold; color: #333; margin-bottom: 10px; }
 .vr-spec-options { display: flex; flex-wrap: wrap; gap: 8px; }
 .vr-spec-option {
-    border: 1px solid #ddd; border-radius: 6px; padding: 8px 16px;
-    cursor: pointer; font-size: 13px; color: #333;
+    border: 1px solid #ddd; border-radius: 6px; padding: 6px 12px;
+    cursor: pointer; font-size: 12px; color: #333;
     transition: all 0.15s;
+    white-space: nowrap;
+    max-width: 280px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 .vr-spec-option:hover { border-color: #409eff; }
 .vr-spec-option.selected { border-color: #409eff; background: #ecf5ff; color: #409eff; }
+.vr-spec-option:hover { background: #f5f7fa; }
 
diff --git a/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html b/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html
index 69c7885..e0db24e 100644
--- a/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html
+++ b/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html
@@ -130,7 +130,7 @@
                 var venueHtml = '<div class="vr-spec-selector"><div class="vr-spec-label">选择场馆</div><div class="vr-spec-options">';
                 if (specTypeList['$vr-场馆']) {
                     specTypeList['$vr-场馆'].options.forEach(function(venue) {
-                        venueHtml += '<div class="vr-spec-option" data-venue="' + venue + '" onclick="vrTicketApp.selectVenue(this)">' + venue + '</div>';
+                        venueHtml += '<div class="vr-spec-option" data-venue="' + venue + '" title="' + venue + '" onclick="vrTicketApp.selectVenue(this)">' + venue + '</div>';
                     });
                 }
                 venueHtml += '</div></div>';
@@ -140,7 +140,7 @@
                 var sectionHtml = '<div class="vr-spec-selector"><div class="vr-spec-label">选择分区</div><div class="vr-spec-options">';
                 if (specTypeList['$vr-分区']) {
                     specTypeList['$vr-分区'].options.forEach(function(section) {
-                        sectionHtml += '<div class="vr-spec-option" data-section="' + section + '" onclick="vrTicketApp.selectSection(this)">' + section + '</div>';
+                        sectionHtml += '<div class="vr-spec-option" data-section="' + section + '" title="' + section + '" onclick="vrTicketApp.selectSection(this)">' + section + '</div>';
                     });
                 }
                 sectionHtml += '</div></div>';