wxml代码：
<view class="bg1">
 <image class="bg2" src="/pages/images/2.png" mode="scalaToFill"></image>
<view class="ct1">
  <view class="at1">
    <view class="title">账号</view>
    <view class="num"><input bindinput="atInput" placeholder="用户名/邮箱/手机号 " placeholder-style="color:#1a1a1a;"/></view>
  </view>
</view>
<view class="hr"></view>
<view class="ct1">
  <view class="at1">
    <view class="title">密码</view>
    <view class="num"><input bindblur="pw1" placeholder="请输入密码" password placeholder-style="color:#1a1a1a;"/></view>
    <view class="see">
      <image src="/pages/images/see.png" style="width:42px;height:30px;"></image>
    </view>
  </view>
  
  <view class="hr"></view>
</view>
</view>

wxss代码：
.bg1{
  position:relative;
  widows:320rpx;
  height:1159rpx;
  /*background:rebeccapurple;*/
}
.bg2{
    position: absolute;
    width : 100%;
    height : 100%;
}
.ct1{
  margin-top:0px;
}
.at1{
  display: flex;
  flex-direction: row;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 20px;
  width: 90%;
}
.title{
  margin-right: 30px;
  font-weight: bold;
  color: rgb(248, 0, 0);
}
.hr{
  border:1px solid #0c0c0c;
  opacity: 0.2;
  width: 90%;
  margin: 0 auto;
}
.see{
  position: absolute;
  right: 20px;
}