|
@@ -4,11 +4,14 @@ page {
|
|
|
height: 100%;
|
|
|
}
|
|
|
.auth-box {
|
|
|
+ position: relative;
|
|
|
box-sizing: border-box;
|
|
|
padding-top: 136rpx;
|
|
|
width: 100%;
|
|
|
+ background: #fff;
|
|
|
height: 100%;
|
|
|
.login-box {
|
|
|
+ // position: absolute;
|
|
|
padding-top: 40px;
|
|
|
.avatar-wrapper {
|
|
|
position: relative;
|
|
@@ -41,6 +44,7 @@ page {
|
|
|
bottom: 228rpx;
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
+ z-index: 999;
|
|
|
.bind-btn {
|
|
|
width: 548rpx;
|
|
|
height: 100rpx;
|
|
@@ -76,12 +80,25 @@ page {
|
|
|
border: 1px solid rgba(61, 203, 204, 1);
|
|
|
}
|
|
|
}
|
|
|
+ .top {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ top: 0;
|
|
|
+ z-index: 33;
|
|
|
+ }
|
|
|
+ .bottom {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ z-index: 33;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
|
|
<template>
|
|
|
-<div class="auth-box" :style="{'background-image': 'url('+h5StaticPath+'/page-home/homeBack.jpg)'}">
|
|
|
+<div class="auth-box">
|
|
|
<page-top-bar title=" "
|
|
|
titleColor="#1B2129"></page-top-bar>
|
|
|
+ <image class="top" src="{{h5StaticPath}}/page-bind-tenant/auth-top.jpg"/>
|
|
|
<div class="login-box">
|
|
|
<button class="avatar-wrapper"
|
|
|
v-if="canIUseGetUserProfile"
|
|
@@ -101,6 +118,8 @@ page {
|
|
|
</div>
|
|
|
<!-- <button class="home-btn" @click="goHome">首页</button> -->
|
|
|
</div>
|
|
|
+ <image class="bottom" src="{{h5StaticPath}}/page-bind-tenant/auth-bottom.jpg"/>
|
|
|
+
|
|
|
</div>
|
|
|
</template>
|
|
|
|