This commit is contained in:
zhuxiang
2017-02-28 15:10:20 +08:00
parent c78fe71177
commit 04712433c0
3 changed files with 47 additions and 13 deletions

View File

@@ -1,11 +1,25 @@
@import "./common/var.pcss";
@component-namespace z {
@b search {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
position: relative;
box-sizing: border-box;
padding: 4px 15px;
background-color: #F2F2F2;
@when focus {
.z-search__input-wrap {
width: 82%;
}
span {
display: inline-block;
}
}
@e input-wrap {
position: relative;
width: 92%;
width: 90%;
padding: 8px 24px 8px 35px;
border: 1px solid $c-gray-light;
border-radius: 4px;
@@ -16,12 +30,6 @@
right: 5px;
top: 8px;
}
@when focus {
width: 82%;
span {
display: inline-block;
}
}
input {
width: 100%;
height: 14px;
@@ -31,5 +39,14 @@
outline: none;
}
}
@e cancel {
display: none;
color: #44BB00;
font-size: 14px;
white-space: nowrap;
@when focus {
display: block;
}
}
}
}