提交 f8f0cb40 编写于 作者: 杨广俊's avatar 杨广俊

搜索样式

上级 e99cf0b9
...@@ -12,7 +12,8 @@ ...@@ -12,7 +12,8 @@
> >
<div :class="isTransparent?'search-transparent':'bgWhite'" class="search" @click="goSearch"> <div :class="isTransparent?'search-transparent':'bgWhite'" class="search" @click="goSearch">
<span class="input">{{placeholder}}</span> <span class="input">{{placeholder}}</span>
<img class="search-img" src="../../images//search-white.png"> <img class="search-img" src="../../images/search-grey.png">
<!-- <img class="search-img" src="../../images/search-white.png"> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -130,17 +131,17 @@ body { ...@@ -130,17 +131,17 @@ body {
.search-transparent { .search-transparent {
background: transparent; background: transparent;
border: 1px solid rgba(255, 255, 255, 1); // border: 1px solid rgba(255,255,255,0.6);
color: #fff; color: rgba(255,255,255,0.6);;
margin: px2rem(8px) 0 0 0; margin: px2rem(8px) 0 0 0;
margin-left: px2rem(20px); margin-left: px2rem(20px);
} }
.search-transparent::-webkit-input-placeholder { .search-transparent::-webkit-input-placeholder {
color: #fff; color: #8E8F90;
} }
.white { .white {
color: #fff; color: #8E8F90;
} }
.header-right { .header-right {
width: px2rem(20px); width: px2rem(20px);
...@@ -213,9 +214,11 @@ body { ...@@ -213,9 +214,11 @@ body {
.search { .search {
width: px2rem(290px); width: px2rem(290px);
height: px2rem(30px); height: px2rem(30px);
border-radius: px2rem(19px);
float: left; float: left;
text-align: left; text-align: left;
background:rgba(255,255,255,0.6);
box-shadow: 0 px2rem(2px) px2rem(7px) 0px rgba(0,0,0,0.06);
border-radius: px2rem(15px);
} }
.input { .input {
outline: none; outline: none;
...@@ -225,7 +228,7 @@ body { ...@@ -225,7 +228,7 @@ body {
margin: 0 0 0 px2rem(15px); margin: 0 0 0 px2rem(15px);
line-height: px2rem(28px); line-height: px2rem(28px);
width: 80%; width: 80%;
color: #fff; color: #8E8F90;
} }
.search-img { .search-img {
width: px2rem(13px); width: px2rem(13px);
......
...@@ -9,9 +9,12 @@ export const envConfig = { ...@@ -9,9 +9,12 @@ export const envConfig = {
// apiUrl: 'https://dev-api.yunqueyi.com/', // apiUrl: 'https://dev-api.yunqueyi.com/',
// webPageUrl: 'https://dev-phome.yunqueyi.com/', // webPageUrl: 'https://dev-phome.yunqueyi.com/',
baseUrl: 'https://test1-sc.yunqueyi.com/', // baseUrl: 'https://test1-sc.yunqueyi.com/',
apiUrl: 'https://test1-api.yunqueyi.com/', // apiUrl: 'https://test1-api.yunqueyi.com/',
webPageUrl: 'https://test1-phome.yunqueyi.com/' // webPageUrl: 'https://test1-phome.yunqueyi.com/'
baseUrl: 'https://uat-sc.yunqueyi.com/',
apiUrl: 'https://uat-api.yunqueyi.com/',
webPageUrl: 'https://uat-phome.yunqueyi.com/'
}, },
dev: { dev: {
baseUrl: 'https://dev-sc.yunqueyi.com/', baseUrl: 'https://dev-sc.yunqueyi.com/',
...@@ -34,4 +37,3 @@ export const envConfig = { ...@@ -34,4 +37,3 @@ export const envConfig = {
webPageUrl: 'https://phome.yunqueyi.com/' webPageUrl: 'https://phome.yunqueyi.com/'
} }
} }
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册