github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-02-22 08:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat：应用页面 样式优化

Browse Source
This commit is contained in:
weifashi 2023-09-08 18:46:48 +08:00
parent 0011e04823
commit 0e9c1c19ce
2 changed files with 35 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/js/pages/manage/application.vue
View File

@ -17,8 +17,8 @@
<Row :gutter="16"> <Row :gutter="16">
<Col v-for="(item, key) in applyList" :key="key" <Col v-for="(item, key) in applyList" :key="key"
v-if="((t=='base' && !item.type) || item.type == t) && item.show !== false" v-if="((t=='base' && !item.type) || item.type == t) && item.show !== false"
:xs="{ span: 8 }" :xs="{ span: 6 }"
:sm="{ span: 8 }" :sm="{ span: 6 }"
:lg="{ span: 6 }" :lg="{ span: 6 }"
:xl="{ span: 6 }" :xl="{ span: 6 }"
:xxl="{ span: 3 }" :xxl="{ span: 3 }"

55
resources/assets/sass/pages/page-apply.scss vendored
View File

@ -10,14 +10,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
background-color: #fafafa; background-color: #FFFFFF;
.apply-head { .apply-head {
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 16px; padding-bottom: 16px;
margin: 32px 32px 0 32px; margin: 32px 32px 0 32px;
border-bottom: 1px solid #F4F4F5; border-bottom: 1px solid #f6f6f6;
.apply-nav { .apply-nav {
flex: 1; flex: 1;
@ -47,29 +47,20 @@
>div { >div {
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
background: #ffffff; background: #fcfcfc;
color: #333333; color: #333333;
border-radius: 8px; border-radius: 8px;
padding: 14px; padding: 12px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
border: 1px solid #ffffff; border: 1px solid #fcfcfc;
@media (max-width: 510px) {
display: block;
text-align: center;
}
>img { >img {
width: 40px; width: 40px;
height: 40px; height: 40px;
@media (max-width: 510px) {
margin-bottom: 5px;
}
} }
>p{ >p{
@ -78,9 +69,6 @@
display: -webkit-box; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
@media (max-width: 510px) {
-webkit-line-clamp: 1;
}
} }
.apply-box-top-report { .apply-box-top-report {
@ -90,6 +78,30 @@
padding: 8px; padding: 8px;
} }
} }
}
@media (max-width: 510px) {
.ivu-row{
margin-left: -12px !important;
margin-right: -12px !important;
}
.apply-col {
margin-bottom: 6px;
>div {
display: block;
text-align: center;
padding:12px 0;
background: none;
border-color: #ffffff;
>img {
margin-bottom: 5px;
}
>p{
-webkit-line-clamp: 1;
}
}
}
} }
} }
} }
@ -351,14 +363,13 @@ body.window-portrait {
} }
.apply-content{ .apply-content{
padding: 16px 20px; padding: 16px 20px;
.apply-row-title{
margin: 8px 0;
}
.apply-col { .apply-col {
margin-bottom: 16px;
>div { >div {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: 500;
background: none;
border-color: #fafafa;
} }
} }
} }