@ -40,13 +40,9 @@
<!-- < img src = "@/assets/images/search/searchSecondIcon.svg" class = "second-icon" / > -- >
<!-- < img src = "@/assets/images/search/searchSecondIcon.svg" class = "second-icon" / > -- >
< / div >
< / div >
< div v-if ="input.length" class="saw" v-text="input" > < / div >
< div v-if ="input.length" class="saw" v-text="input" > < / div >
< input
v - model = "input"
readonly
type = "text"
: placeholder = "mode === 'hand' ? '' : $t('search.valueTip')"
: class = "{ istip: input.length === 0 }"
/ >
<!-- : placeholder = "" -- >
< input v -model = " input " readonly type = "text" : class = "{ istip: input.length === 0 }" / >
< h4 v-if ="input.length === 0" class="search-tip" > {{ mode = = = ' hand ' ? $ t ( ' search.valueTipHand ' ) : $ t ( ' search.valueTip ' ) }} < / h4 >
< div v-if ="input.length" class="close" @click="del" >
< div v-if ="input.length" class="close" @click="del" >
< svg width = "22" class = "icon" height = "22" viewBox = "0 0 22 22" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< svg width = "22" class = "icon" height = "22" viewBox = "0 0 22 22" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< path
< path
@ -521,7 +517,8 @@ function closeActivityDetail() {
height : 40 px ;
height : 40 px ;
margin - top : 10 px ;
margin - top : 10 px ;
}
}
/ / & : : - w e b k i t - i n p u t - p l a c e h o l d e r
& : : input - placeholder ,
& : : input - placeholder {
& : : input - placeholder {
position : absolute ;
position : absolute ;
top : 45 % ;
top : 45 % ;
@ -531,10 +528,19 @@ function closeActivityDetail() {
font - family : 'font_regular' ;
font - family : 'font_regular' ;
/* placeholder颜色 */
/* placeholder颜色 */
color : rgb ( 0 0 0 / 4 0% ) ;
color : rgb ( 0 0 0 / 2 0% ) ;
transform : translateY ( - 50 % ) ;
transform : translateY ( - 50 % ) ;
}
}
}
}
. search - tip {
position : absolute ;
top : 50 % ;
left : 96 px ;
font - size : 20 px ;
font - family : 'font_regular' ;
color : rgb ( 0 0 0 / 20 % ) ;
transform : translateY ( - 50 % ) ;
}
. close {
. close {
position : relative ;
position : relative ;
width : 56 px ;
width : 56 px ;