|
@@ -5,8 +5,8 @@
|
|
|
<div class="inp" @click="preClick">
|
|
|
<input :type="msg.type=='number'?'tel':'text'"
|
|
|
:placeholder="msg.placeholder"
|
|
|
- :disabled="select!=1"
|
|
|
- :class="{'exclu':exclu}"
|
|
|
+
|
|
|
+ :class="[{'exclu':exclu},{'cancel':item.select==0}]"
|
|
|
v-model="txt"
|
|
|
@click="handleCli"
|
|
|
@blur="handleBlur"
|
|
@@ -50,6 +50,10 @@ import { getExpStr,scrollToV,isIos} from '@utils/tools';
|
|
|
e.stopPropagation();
|
|
|
},
|
|
|
handleCli(e){
|
|
|
+ // const select = this.item.select;
|
|
|
+ if(!this.select){//聚焦时自动选中该项
|
|
|
+ this.$emit('handleSelec');
|
|
|
+ }
|
|
|
if(!isIos()){
|
|
|
scrollToV(e)
|
|
|
}
|
|
@@ -73,25 +77,32 @@ import { getExpStr,scrollToV,isIos} from '@utils/tools';
|
|
|
.inp{
|
|
|
display: inline-block;
|
|
|
vertical-align: top;
|
|
|
- position: relative;
|
|
|
- top:3px;
|
|
|
+ // position: relative;
|
|
|
+ // top:1px;
|
|
|
input{
|
|
|
color: #4F50FF;
|
|
|
- font-size: .3rem;
|
|
|
+ font-size: .28rem;
|
|
|
border-bottom: 1px solid #DFE0E4 !important;
|
|
|
border-radius: 0;
|
|
|
padding-left: .05rem;
|
|
|
}
|
|
|
}
|
|
|
- .check{
|
|
|
+ .check{//选中
|
|
|
color: #4F50FF;
|
|
|
}
|
|
|
- .exclu{
|
|
|
+ .inp .exclu{ //互斥
|
|
|
color:#e6e7e9 !important;
|
|
|
}
|
|
|
- input:disabled, input[disabled]{
|
|
|
- background:#EBEBE4;
|
|
|
- // -webkit-text-fill-color:#8d9399;
|
|
|
+ .cancel{ //取消
|
|
|
+ color: #bbbbbb !important;
|
|
|
+ }
|
|
|
+ input:disabled, input[disabled]{
|
|
|
+ background:transparent;
|
|
|
+ border-bottom-color: #DEDEDE !important;
|
|
|
+ }
|
|
|
+ // input:disabled,input[disabled]::-webkit-input-placeholder{
|
|
|
+ .exclu::-webkit-input-placeholder{
|
|
|
+ color:#e6e7e9 !important;
|
|
|
}
|
|
|
}
|
|
|
</style>
|