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

style(meal): 调整余量信息列表布局与字号间距

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-19 13:47:26 +08:00
co-authored by Claude Sonnet 4.6
parent ec431d8589
commit fdb8dd4adf
1 changed files with 29 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/mealSurplusInformation/mealSurplusInformation.vue
+29 -31
View File
@@ -46,9 +46,9 @@
</div>
</template>
</div>
<div class="content_l_list_progress">
<div :style="{'width': item.progress}"></div>
</div>
<!-- <div class="content_l_list_progress">-->
<!-- <div :style="{'width': item.progress}"></div>-->
<!-- </div>-->
</div>
</template>
<template v-for="item in 16 - nutritionList.length">
@@ -341,28 +341,28 @@ export default {
.content_l_list_name {
width: 100%;
height: 24px;
height: 30px;
display: flex;
flex-wrap: nowrap;
margin-bottom: 28px;
margin-bottom: 34px;
> div:nth-of-type(1) {
width: 6px;
height: 24px;
border-radius: 3px;
width: 8px;
height: 30px;
border-radius: 4px;
margin-right: 12px;
}
> div:nth-of-type(2) {
flex: 1;
height: 24px;
line-height: 24px;
font-size: 20px;
height: 30px;
line-height: 30px;
font-size: 26px;
}
> div:nth-of-type(3) {
width: 24px;
height: 24px;
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
@@ -371,25 +371,25 @@ export default {
.content_l_list_margin {
width: 100%;
height: 34px;
font-size: 24px;
line-height: 34px;
height: 40px;
font-size: 30px;
line-height: 40px;
text-align: center;
margin-bottom: 22px;
margin-bottom: 28px;
span {
font-size: 34px;
font-size: 40px;
font-weight: bold;
}
}
.content_l_list_status {
width: 100%;
height: 36px;
margin-bottom: 16px;
height: 42px;
//margin-bottom: 16px;
.content_l_list_status_ {
height: 36px;
height: 42px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
@@ -398,8 +398,8 @@ export default {
margin: 0 auto;
.content_l_list_status_icon {
width: 20px;
height: 20px;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
@@ -407,15 +407,15 @@ export default {
}
.content_l_list_status_text {
height: 16px;
font-size: 16px;
line-height: 16px;
height: 22px;
font-size: 22px;
line-height: 22px;
}
.content_l_list_status_value {
height: 14px;
font-size: 14px;
line-height: 14px;
height: 22px;
font-size: 22px;
line-height: 22px;
}
}
}
@@ -505,7 +505,6 @@ export default {
}
.content_l_list_status_ {
width: 200px;
background-color: #5A0A0A;
.content_l_list_status_icon {
@@ -554,7 +553,6 @@ export default {
}
.content_l_list_status_ {
width: 200px;
background-color: #5A0A0A;
animation: lowStockStatusFlash .3s infinite alternate;