[update 首页] 搜索部分调整
This commit is contained in:
@@ -113,7 +113,7 @@ export default {
|
|||||||
.all-wrapper {
|
.all-wrapper {
|
||||||
height: calc(100vh - 60px - 8px - 20px + 200px);
|
height: calc(100vh - 60px - 8px - 20px + 200px);
|
||||||
// 友情链接部分减少了12像素
|
// 友情链接部分减少了12像素
|
||||||
grid-template-rows: 56px 180px minmax(200px, auto) 168px;
|
grid-template-rows: 48px 180px minmax(200px, auto) 168px;
|
||||||
}
|
}
|
||||||
/deep/ .top-wrapper {
|
/deep/ .top-wrapper {
|
||||||
.left-p {
|
.left-p {
|
||||||
|
|||||||
@@ -82,7 +82,6 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
@height: 56px;
|
|
||||||
.search-wrapper {
|
.search-wrapper {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
@@ -105,7 +104,7 @@ export default {
|
|||||||
right: 20px;
|
right: 20px;
|
||||||
}
|
}
|
||||||
/deep/.ant-select-selection__rendered {
|
/deep/.ant-select-selection__rendered {
|
||||||
line-height: @height;
|
line-height: 56px;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
margin-right: 34px;
|
margin-right: 34px;
|
||||||
}
|
}
|
||||||
@@ -136,6 +135,38 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 1366屏幕
|
||||||
|
@media screen and (max-width: 1366px) {
|
||||||
|
@fontSize: 14px;
|
||||||
|
.search-wrapper {
|
||||||
|
& > .resource-type-select {
|
||||||
|
font-size: @fontSize;
|
||||||
|
|
||||||
|
/deep/ .ant-select-selection__rendered {
|
||||||
|
line-height: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& > .search-input {
|
||||||
|
/deep/ .ant-input {
|
||||||
|
font-size: @fontSize;
|
||||||
|
}
|
||||||
|
/deep/.ant-input-prefix {
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
/deep/.ant-input {
|
||||||
|
padding-left: 30px;
|
||||||
|
height: 100%;
|
||||||
|
border-color: @primary-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.btn-box .ant-btn {
|
||||||
|
min-width: 88px;
|
||||||
|
padding: 0 12px;
|
||||||
|
font-size: @fontSize;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
.btn-icon {
|
.btn-icon {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
|
|||||||
Reference in New Issue
Block a user