|
|
@@ -2,11 +2,12 @@
|
|
|
<view class="page-box login-box">
|
|
|
<view class="login-form">
|
|
|
<view class="from-title">
|
|
|
- <view class="title-bg"></view>
|
|
|
<view class="title-list">
|
|
|
<view class="title-text">验证码登录</view>
|
|
|
<view class="title-text">密码登录</view>
|
|
|
</view>
|
|
|
+ <view class="title-bg"></view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
@@ -46,11 +47,25 @@
|
|
|
height: 630rpx;
|
|
|
border-radius: 50rpx;
|
|
|
background-color: rgba(255,255,255,0.5);
|
|
|
- //opacity: 0.5;
|
|
|
.from-title{
|
|
|
+ height: 110rpx;
|
|
|
+ position: relative;
|
|
|
.title-bg{
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 50rpx 50rpx 0 0;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ height:110rpx;
|
|
|
width: 50%;
|
|
|
background-color: #fff;
|
|
|
+ transition: .5s ease;
|
|
|
+ z-index: 0;
|
|
|
+ }
|
|
|
+ .title-list{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ z-index: 1;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
}
|