| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | /* å
³é®ï¼å®ä¹å表项çè¿æ¸¡å¨ç» */ |
|---|
| | | /*è¿æ¸¡å¨ç» */ |
|---|
| | | .barcode-item-transition-enter-active, |
|---|
| | | .barcode-item-transition-leave-active { |
|---|
| | | transition: all 0.3s ease; |
|---|
| | |
|---|
| | | opacity: 0; |
|---|
| | | transform: translateX(30px); |
|---|
| | | } |
|---|
| | | /* ç¡®ä¿å é¤æ¶å
¶ä»å
ç´ å¹³æ»ä¸ç§» */ |
|---|
| | | /* å é¤å¨ç» */ |
|---|
| | | .barcode-item-transition-move { |
|---|
| | | transition: transform 1s ease; |
|---|
| | | } |
|---|
| | |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* èªå®ä¹æ»å¨æ¡ */ |
|---|
| | | .custom-scrollbar :deep(.el-scrollbar__thumb) { |
|---|
| | | background: rgba(0, 0, 0, 0.2); |
|---|
| | | border-radius: 4px; |
|---|
| | |
|---|
| | | .barcode-item:hover { |
|---|
| | | background-color: #fafafa; |
|---|
| | | } |
|---|
| | | /* 为å¥æ°è¡æ·»å 轻微çèæ¯è²ï¼å¢å¼ºå¯è¯»æ§ */ |
|---|
| | | /* 为å¥æ°è¡æ·»å 轻微çèæ¯è² */ |
|---|
| | | .barcode-item:nth-child(odd) { |
|---|
| | | background-color: #f9f9f9; |
|---|
| | | } |
|---|
| | |
|---|
| | | color: #dcdfe6; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* èªå®ä¹è¾å
¥æ¡ */ |
|---|
| | | .custom-input :deep(.el-input__inner) { |
|---|
| | | border-radius: 6px; |
|---|
| | | border-color: #e4e7ed; |
|---|
| | |
|---|
| | | box-shadow: 0 0 0 3px rgba(64, 158, 255, 0.1); |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* èªå®ä¹æé® */ |
|---|
| | | .custom-button { |
|---|
| | | border-radius: 6px; |
|---|
| | | height: 36px; |
|---|
