|
|
@@ -16,6 +16,7 @@
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
+ opacity:1;
|
|
|
&.active{
|
|
|
opacity:0;
|
|
|
}
|
|
|
@@ -36,12 +37,12 @@
|
|
|
<template>
|
|
|
<view class="change-input-box">
|
|
|
<view class="change-input">
|
|
|
- <input :focus="isFocus" :class="isActive&&value?'active':''" type="number" @focus="initAllInput" @blur="moveAllInput" v-model="inputVal" @input="changeAllInput" >
|
|
|
+ <input :focus="isFocus" :style="isActive?'caret-color:rgba(0,0,0,0)':'caret-color:rgba(0,0,0,1)'" type="number" @focus="initAllInput" @blur="moveAllInput" v-model="inputVal" @input="changeAllInput" >
|
|
|
<text :class="isActive?'active':''">{{value?value:''}}</text>
|
|
|
</view>
|
|
|
<view class="unit">扎</view>
|
|
|
<view class="change-input">
|
|
|
- <input :focus="isFocusOne" :class="isActiveOne&&valueOne?'active':''" type="number" @focus="initAllInputOne" @blur="moveAllInputOne" v-model="inputValOne" @input="changeAllInputOne" >
|
|
|
+ <input :focus="isFocusOne" :style="isActiveOne?'caret-color:rgba(0,0,0,0)':'caret-color:rgba(0,0,0,1)'" type="number" @focus="initAllInputOne" @blur="moveAllInputOne" v-model="inputValOne" @input="changeAllInputOne" >
|
|
|
<text :class="isActiveOne?'active':''">{{valueOne?valueOne:''}}</text>
|
|
|
</view>
|
|
|
<view class="unit">支</view>
|