修复:聊天室界面的送鱼按钮 Alpine.js 语法错误导致发言被卡住的问题
This commit is contained in:
@@ -459,9 +459,9 @@
|
||||
|
||||
<button x-on:click="sendGift(); showGiftPanel = false;" :disabled="sendingGift"
|
||||
style="flex: 1; height: 42px; display: flex; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(135deg, #f43f5e 0%, #be123c 100%); color: #fff; border: 1px solid #9f1239; border-radius: 8px; font-size: 16px; font-weight: 800; letter-spacing: 1px; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 12px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3);"
|
||||
x-on:mousedown="!sendingGift && ($el.style.transform='scale(0.96)' && $el.style.boxShadow='0 2px 6px rgba(225, 29, 72, 0.3)')"
|
||||
x-on:mouseup="!sendingGift && ($el.style.transform='scale(1)' && $el.style.boxShadow='0 4px 12px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3)')"
|
||||
x-on:mouseleave="!sendingGift && ($el.style.transform='scale(1)' && $el.style.boxShadow='0 4px 12px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3)')"
|
||||
x-on:mousedown="if(!sendingGift) { $el.style.transform='scale(0.96)'; $el.style.boxShadow='0 2px 6px rgba(225, 29, 72, 0.3)'; }"
|
||||
x-on:mouseup="if(!sendingGift) { $el.style.transform='scale(1)'; $el.style.boxShadow='0 4px 12px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3)'; }"
|
||||
x-on:mouseleave="if(!sendingGift) { $el.style.transform='scale(1)'; $el.style.boxShadow='0 4px 12px rgba(225, 29, 72, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.3)'; }"
|
||||
:style="sendingGift ?
|
||||
'opacity: 0.7; cursor: not-allowed; transform: scale(1) !important; box-shadow: none;' :
|
||||
''">
|
||||
|
||||
Reference in New Issue
Block a user