style: 保洁计划
This commit is contained in:
parent
a673fc3de8
commit
5b7976dea6
|
@ -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;
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Loading…
Reference in New Issue