代码优化
This commit is contained in:
parent
4a4f0076dc
commit
f865c765fb
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue