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; } +