代码优化

This commit is contained in:
BianLzhaoMin 2025-07-28 11:45:05 +08:00
parent 4a4f0076dc
commit f865c765fb
4 changed files with 17 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -21,7 +21,7 @@ const props = defineProps({
.title-background {
width: 100%;
height: 38px;
padding-left: 38px;
padding-left: 48px;
background: url('@/assets/home-imgs/title.png') no-repeat center center;
background-size: 100% 100%;
line-height: 12px;

View File

@ -20,10 +20,10 @@
<span> {{ item.total }} </span>
</div>
<div>
<span style="padding-left: 10px; font-size: 18px; font-weight: bold">
<span style="font-weight: bold" class="amount-text">
{{ item.amount }}
</span>
<span style="font-size: 14px; margin-left: 4px"> {{ item.unit }} </span>
<span style="font-size: 14px"> {{ item.unit }} </span>
</div>
</div>
</div>
@ -220,11 +220,14 @@ const onHandleTabs = (component, index) => {
padding: 20px 2px;
.content-item {
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-around;
border: 1px solid #00deff;
// border: 1px solid #00deff;
color: #b9e8fe;
background: url('@/assets/home-imgs/border_bg.png') no-repeat center center;
background-size: 100% 100%;
}
.item-1 {
@ -284,4 +287,14 @@ const onHandleTabs = (component, index) => {
width: 100%;
height: 80%;
}
.amount-text {
background: url('@/assets/home-imgs/num_bg.png') no-repeat center center;
background-size: 100% 100%;
width: 48px;
height: 48px;
display: inline-block;
text-align: center;
font-size: 22px;
}
</style>