github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-01-07 21:28:12 +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">
<Col v-for="(item, key) in applyList" :key="key"
v-if="((t=='base' && !item.type) || item.type == t) && item.show !== false"
:xs="{ span: 8 }"
:sm="{ span: 8 }"
:xs="{ span: 6 }"
:sm="{ span: 6 }"
:lg="{ span: 6 }"
:xl="{ span: 6 }"
:xxl="{ span: 3 }"

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

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