style: 保洁计划
This commit is contained in:
parent
a673fc3de8
commit
5b7976dea6
|
@ -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;
|
||||
// }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
|
@ -22,7 +22,7 @@ import {
|
|||
export default {
|
||||
data() {
|
||||
return {
|
||||
logo: "/static/images/logo.png",
|
||||
logo: "/static/images/version.png",
|
||||
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