LuYaShi
/
InspectionCleaning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 保洁计划

This commit is contained in:
yangzhe 2025-04-08 15:11:01 +08:00
parent 5b7976dea6
commit 5026c64996
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/index/planList.vue
View File

@ -25,12 +25,9 @@
<view <view
class="selectTab" class="selectTab"
:style="{ :class="{
backgroundImage: `url(${ 'tab-completed': activeTab === 'completed',
activeTab === 'completed' 'tab-incomplete': activeTab === 'incomplete',
? '/static/images/plan-tab1.png'
: '/static/images/plan-tab2.png'
})`,
}" }"
> >
<view <view
@ -112,6 +109,9 @@ export default {
display: flex; display: flex;
// background: url("@/static/images/plan-tab2.png") no-repeat 0 0; // background: url("@/static/images/plan-tab2.png") no-repeat 0 0;
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 0 0;
transition: opacity 0.3s ease;
border-radius: 16rpx; border-radius: 16rpx;
padding: 32rpx 0; padding: 32rpx 0;
margin: 0 32rpx 32rpx; margin: 0 32rpx 32rpx;
@ -170,6 +170,15 @@ export default {
} }
} }
} }
.tab-completed {
background-image: url("/static/images/plan-tab1.png");
}
.tab-incomplete {
background-image: url("/static/images/plan-tab2.png");
}
.planList { .planList {
padding: 0 32rpx; padding: 0 32rpx;
.plan-item { .plan-item {