|
@@ -1,7 +1,9 @@
|
|
|
<template>
|
|
|
<div class="multipIpt">
|
|
|
<span class="prefix" v-if="content.prefix">{{content.prefix}}</span>
|
|
|
- <input class="contentVal" :type="content.type" :placeholder="content.placeholder" v-model="val" @input="changeVal">
|
|
|
+ <p class="sticP">
|
|
|
+ <input class="contentVal" :type="content.type" :placeholder="content.placeholder" v-model="val" @input="changeVal">
|
|
|
+ </p>
|
|
|
<span class="suffix" v-if="content.suffix">{{content.suffix}}</span>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -38,17 +40,20 @@ export default {
|
|
|
line-height: .74rem /* 74/100 */;
|
|
|
border: 1px solid #DFE0E4;
|
|
|
border-radius: .08rem /* 8/100 */;
|
|
|
- padding: 0 .26rem /* 26/100 */;
|
|
|
+ padding: 0 .26rem;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
margin: .3rem 0;
|
|
|
.contentVal {
|
|
|
font-size: .3rem /* 30/100 */;
|
|
|
- border-bottom: 1px solid #b0afaf !important;
|
|
|
color: #4F50FF;
|
|
|
text-align: left;
|
|
|
border: 0 none;
|
|
|
+ border-bottom: 1px solid #b0afaf !important;
|
|
|
+ border-radius: 0;
|
|
|
+ background-color: #fff;
|
|
|
padding: 0 .1rem;
|
|
|
+ outline-color: invert ;
|
|
|
}
|
|
|
}
|
|
|
.prefix {
|