|
|
@@ -17,6 +17,9 @@
|
|
|
maxlength="20"
|
|
|
placeholder="请输入访问密码"
|
|
|
v-model="key"
|
|
|
+ :class="{active: isPassWordFocus}"
|
|
|
+ @focusin="isPassWordFocus = true"
|
|
|
+ @focusout="isPassWordFocus = false"
|
|
|
/>
|
|
|
<i v-if="key" ref="isearch" class="iconfont icon_close" @click="key=''"></i>
|
|
|
</div>
|
|
|
@@ -43,7 +46,8 @@ export default {
|
|
|
},
|
|
|
data(){
|
|
|
return {
|
|
|
- key:''
|
|
|
+ key:'',
|
|
|
+ isPassWordFocus:false
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
@@ -72,9 +76,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
|
|
|
- .ui-message-header{
|
|
|
- border-bottom: 1px solid #EBEBEB;
|
|
|
- }
|
|
|
+
|
|
|
.ui-message-main{
|
|
|
width: 330px;
|
|
|
margin: 20px auto;
|
|
|
@@ -99,6 +101,10 @@ export default {
|
|
|
border: 1px solid rgba(#909090,0.5);
|
|
|
color: #909090;
|
|
|
}
|
|
|
+
|
|
|
+ .active{
|
|
|
+ border: 1px solid #0076F6;
|
|
|
+ }
|
|
|
|
|
|
}
|
|
|
.ui-message-footer{
|