| | |
| | | }, |
| | | methods: { |
| | | showBorder(){ |
| | | this.$refs['ip-input-container'].style.border = '2px solid #4E94FF' |
| | | this.$refs['ip-input-container'].style.border = '2px solid var(--colorCard)' |
| | | }, |
| | | onInputKeydown(event, index) { |
| | | var keyCode = event.keyCode || event.which; |
| | |
| | | |
| | | <style lang="scss" scoped> |
| | | .ip-input-container { |
| | | display: inline-block; |
| | | |
| | | width: 100%; |
| | | height: 32px; |
| | | line-height: normal; |
| | |
| | | background-color: #fff; |
| | | text-align: left; |
| | | max-width: 360px; |
| | | display: flex; |
| | | } |
| | | .ip-segment { |
| | | display: inline-block; |
| | | width: 25%; |
| | | height: 32px; |
| | | display: flex; |
| | | align-items: center; |
| | | line-height: normal; |
| | | input { |
| | | width: 90%; |