mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 8.17 kB
CSS
.md-license-plate-input{display:-webkit-box;display:-webkit-flex;display:flex}.md-license-plate-input .md-license-plate-input-item{width:8.53333vw;height:12.53333vw;background:#f4f8ff;border:1px solid #deedff;border-radius:1.06667vw;margin-right:1.46667vw}.md-license-plate-input .md-license-plate-input-item_content{width:100%;height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:5.33333vw;color:#111a34;letter-spacing:0;text-align:center;line-height:12.53333vw;font-weight:500}.md-license-plate-input .md-license-plate-input-item_content .emptyValue{width:100%;height:100%;background:url("data:image/png;base64,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") 50% no-repeat;background-size:6.53333vw 6.8vw}.md-license-plate-input>.md-license-plate-input-item:nth-child(2){margin-right:3.73333vw;position:relative}.md-license-plate-input>.md-license-plate-input-item:nth-child(2):after{top:.47rem;right:-.22rem;content:"";position:absolute;width:.06rem;height:.06rem;background:#000;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.md-license-plate-input>.md-license-plate-input-item:last-child{margin-right:0;background:#e8fbe7;border:1px solid #cbf2c9;border-radius:1.06667vw;font-size:2.13333vw;color:#61686f}.md-license-plate-input .md-license-plate-input-item.active{border-color:#198cff}.md-license-plate-input .md-license-plate-input-item.active.animation{-webkit-animation:keyboard-cursor 1s step-start 2s;animation:keyboard-cursor 1s step-start 2s}@-webkit-keyframes keyboard-cursor{0%{border-color:#198cff}25%{border-color:#deedff}50%{border-color:#198cff}75%{border-color:#deedff}to{border-color:#198cff}}@keyframes keyboard-cursor{0%{border-color:#198cff}25%{border-color:#deedff}50%{border-color:#198cff}75%{border-color:#deedff}to{border-color:#198cff}}