renkang/ranking_list_h5
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

处理补餐屏进度条溢出

Browse Source
This commit is contained in:
17792275749
2026-02-09 16:26:40 +08:00
parent 35abb0fe22
commit e441ee3537
1 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mealSurplusInformation/mealSurplusInformation.vue
+17 -8
View File
@@ -298,16 +298,24 @@ export default {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
column-gap: 24px;
row-gap: 24px;
.content_l_list {
width: 336px;
height: 222px;
margin-right: 24px;
margin-bottom: 24px;
padding: 24px 24px 0;
border-radius: 12px;
box-sizing: border-box;
&:nth-child(4n) {
margin-right: 0;
}
&:nth-child(n+13) {
margin-bottom: 0;
}
.content_l_list_name {
width: 100%;
height: 24px;
@@ -392,6 +400,7 @@ export default {
.content_l_list_progress {
width: 100%;
height: 12px;
overflow: hidden;
border-radius: 6px;
> div {
@@ -623,25 +632,25 @@ export default {
width: 50%;
padding-left: 24px;
box-sizing: border-box;
height: 18px;
height: 20px;
display: flex;
flex-wrap: nowrap;
align-items: flex-end;
margin-bottom: 22px;
margin-bottom: 20px;
> div:nth-of-type(1) {
height: 18px;
height: 20px;
font-size: 18px;
line-height: 18px;
line-height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
> div:nth-of-type(2) {
height: 14px;
height: 16px;
font-size: 14px;
line-height: 14px;
line-height: 16px;
margin-left: 8px;
}
}