bonus
/
on-site-robots-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代码优化

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/home-imgs/border_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/assets/home-imgs/num_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

2
src/components/TitleBackground/index.vue
View File

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

19
src/views/home/components/right-two/index.vue
View File

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