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

View File

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

View File

@ -22,7 +22,7 @@ import {
export default { export default {
data() { data() {
return { return {
logo: "/static/images/logo.png", logo: "/static/images/version.png",
version: "v1.0.2", 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