@prettyy/ui/dist/css/input.css

vue2 UI

.vl-input{display:inline-block;position:relative}.vl-input__control{height:34px;width:100%;line-height:34px;border-radius:6px;border:1px solid rgba(0,0,0,.25);font-size:14px;background:0 0;outline:0;padding:0 10px;box-sizing:border-box;overflow:hidden}.vl-input .prefix-icon,.vl-input .suffix-icon{display:flex;position:absolute;top:50%;width:30px;transform:translateY(-50%)}.vl-input__disabled{background:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.vl-input .has-prefix{padding-left:30px}.vl-input .has-suffix{padding-right:30px}.vl-input .prefix-icon{align-items:center;justify-content:center;left:0;right:auto}.vl-input .suffix-icon{align-items:center;justify-content:center;left:auto;right:0}