style: 保洁计划

This commit is contained in:
yangzhe 2025-04-08 15:06:27 +08:00
parent a673fc3de8
commit 5b7976dea6
7 changed files with 39 additions and 32 deletions

View File

@ -23,7 +23,16 @@
</view>
</u-navbar>
<view class="selectTab">
<view
class="selectTab"
:style="{
backgroundImage: `url(${
activeTab === 'completed'
? '/static/images/plan-tab1.png'
: '/static/images/plan-tab2.png'
})`,
}"
>
<view
class="tab-item"
:class="{ active: activeTab === 'completed' }"
@ -101,9 +110,10 @@ export default {
background: #f7f8fc;
.selectTab {
display: flex;
background: linear-gradient(to right, #383edd, #4874f6);
// background: url("@/static/images/plan-tab2.png") no-repeat 0 0;
background-size: 100% 100%;
border-radius: 16rpx;
padding: 32rpx;
padding: 32rpx 0;
margin: 0 32rpx 32rpx;
.tab-item {
@ -132,31 +142,31 @@ export default {
font-weight: 500;
}
&::after {
content: "";
position: absolute;
bottom: -46rpx;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 32rpx;
height: 32rpx;
background: #383edd;
border-radius: 10rpx;
z-index: 1;
}
// &::after {
// content: "";
// position: absolute;
// bottom: -46rpx;
// left: 50%;
// transform: translateX(-50%) rotate(45deg);
// width: 32rpx;
// height: 32rpx;
// background: #383edd;
// border-radius: 10rpx;
// z-index: 1;
// }
&::before {
content: "";
position: absolute;
bottom: -34rpx;
left: 50%;
transform: translateX(-50%);
width: 8rpx;
height: 8rpx;
background: #ffffff;
border-radius: 4rpx;
z-index: 2;
}
// &::before {
// content: "";
// position: absolute;
// bottom: -34rpx;
// left: 50%;
// transform: translateX(-50%);
// width: 8rpx;
// height: 8rpx;
// background: #ffffff;
// border-radius: 4rpx;
// z-index: 2;
// }
}
}
}

View File

@ -7,13 +7,10 @@
<view class="account">点击登录 获取更多信息</view>
</view>
<u-avatar
:src="baseInfo.avatar"
:src="baseInfo.avatar ? baseInfo.avatar : '/static/images/avatar.png'"
size="140"
mode="circle"
class="avatar"
:show-level="true"
level-icon="camera"
@click="upload_avatar"
></u-avatar>
</view>

View File

@ -22,7 +22,7 @@ import {
export default {
data() {
return {
logo: "/static/images/logo.png",
logo: "/static/images/version.png",
version: "v1.0.2",
};
},

BIN
static/images/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/plan-tab1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/images/plan-tab2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/images/version.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB