|
|
|
@ -1,6 +1,5 @@ |
|
|
|
<template> |
|
|
|
<view class="index-container"> |
|
|
|
|
|
|
|
<view class="ic-content"> |
|
|
|
<view class="ic-header"> |
|
|
|
<view class="ih-address" v-if="loginStatus" @click="toStoreList"> |
|
|
|
@ -68,6 +67,29 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ox-dark-mask"> |
|
|
|
<view class="ic-account-change"> |
|
|
|
<view class="iac-tit">轻触头像切换账号</view> |
|
|
|
<view class="iac-account-ls"> |
|
|
|
<view class="ial-item"> |
|
|
|
<view class="ii-icon"> |
|
|
|
<image></image> |
|
|
|
</view> |
|
|
|
<view class="ii-info"> |
|
|
|
<view class="ii-name">欧轩智能场馆</view> |
|
|
|
<view class="ii-tag">当前使用</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ial-item ial-add"> |
|
|
|
<view class="ii-icon"> |
|
|
|
</view> |
|
|
|
<view class="ii-info"> |
|
|
|
<view class="ii-name">欧轩智能场馆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -561,4 +583,90 @@ |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
.ic-account-change{ |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
width: 500upx; |
|
|
|
background-color: #f2f2f7; |
|
|
|
padding-top: 312upx; |
|
|
|
.iac-tit{ |
|
|
|
font-size: 44upx; |
|
|
|
line-height: 60upx; |
|
|
|
text-align: center; |
|
|
|
color: #1A1A1A; |
|
|
|
|
|
|
|
} |
|
|
|
.iac-account-ls{ |
|
|
|
padding: 78upx 20upx 24upx; |
|
|
|
.ial-item{ |
|
|
|
padding: 0 18upx; |
|
|
|
margin-bottom: 24upx; |
|
|
|
height: 144upx; |
|
|
|
border-radius: 10upx; |
|
|
|
background-color: #fff; |
|
|
|
@include centerFlex(space-between); |
|
|
|
.ii-icon{ |
|
|
|
flex-shrink: 0; |
|
|
|
margin-right: 20upx; |
|
|
|
width: 88upx; |
|
|
|
height: 88upx; |
|
|
|
>image{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
background-color: skyblue; |
|
|
|
border-radius: 6upx; |
|
|
|
} |
|
|
|
} |
|
|
|
.ii-info{ |
|
|
|
flex-grow: 1; |
|
|
|
.ii-name{ |
|
|
|
margin-bottom: 4upx; |
|
|
|
font-size: 32upx; |
|
|
|
line-height: 44upx; |
|
|
|
color: #1a1a1a; |
|
|
|
@include textHide(1); |
|
|
|
} |
|
|
|
.ii-tag{ |
|
|
|
padding: 0 10upx; |
|
|
|
display: inline-block; |
|
|
|
line-height: 40upx; |
|
|
|
font-size: 28upx; |
|
|
|
color: $themeColor; |
|
|
|
border-radius: 6upx; |
|
|
|
background-color: rgba($color: #36C990, $alpha: .13); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.ial-add{ |
|
|
|
.ii-icon{ |
|
|
|
position: relative; |
|
|
|
border: 2upx solid #979797; |
|
|
|
border-radius: 6upx; |
|
|
|
&::before,&::after{ |
|
|
|
content: ''; |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
top: 50%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
width: 40upx; |
|
|
|
height: 4upx; |
|
|
|
border-radius: 2upx; |
|
|
|
background-color: #9A9A9D; |
|
|
|
} |
|
|
|
&::after{ |
|
|
|
height: 40upx; |
|
|
|
width: 4upx; |
|
|
|
} |
|
|
|
} |
|
|
|
>.ii-info >.ii-name{ |
|
|
|
color: #9A9A9D; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |
