diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 1015c4a..1d05548 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -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>