From f6f02a0c79b0c0a711204ea8114b350174bc3122 Mon Sep 17 00:00:00 2001 From: Council Date: Tue, 21 Apr 2026 13:12:27 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20CSS=20=E6=96=87=E4=BB=B6=E8=B7=AF?= =?UTF-8?q?=E5=BE=84=20-=20=E5=90=8C=E6=AD=A5=E5=88=B0=20public/plugins/?= =?UTF-8?q?=20=E7=9B=AE=E5=BD=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../vr_ticket/view/goods/ticket_detail.html | 2 +- .../plugins/vr_ticket/static/css/ticket.css | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) 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 e0db24e..9e4aa76 100644 --- a/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html +++ b/shopxo/app/plugins/vr_ticket/view/goods/ticket_detail.html @@ -2,7 +2,7 @@ + href="plugins/vr_ticket/static/css/ticket.css?v=" />
diff --git a/shopxo/public/plugins/vr_ticket/static/css/ticket.css b/shopxo/public/plugins/vr_ticket/static/css/ticket.css index eaa6c41..f37a1a7 100644 --- a/shopxo/public/plugins/vr_ticket/static/css/ticket.css +++ b/shopxo/public/plugins/vr_ticket/static/css/ticket.css @@ -102,3 +102,21 @@ .vr-goods-info { background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; padding: 15px; margin-bottom: 20px; } .vr-goods-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 8px; margin-bottom: 15px; } .vr-goods-photos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 4px; } + +/* 规格选择器样式 */ +.vr-spec-selector { margin-bottom: 15px; } +.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: 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; } +