werun-wxapp/components/password/index.less

.model{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 31%);
  z-index: 99;
  padding: 200rpx 20rpx;
  .list{
    width: 560rpx;
    height: 700rpx;
    overflow-y: auto;
    background: white;
    text-align: center;
    position: relative;
    .post_title{
      position: sticky;
      top: 0;
      height: 100rpx;
      line-height: 100rpx;
      z-index: 99;
    }
    .li{
      width: 500rpx;
      background: #87cff9;
      margin: 20rpx auto;
      padding: 20rpx;
      border-radius: 10rpx;
      box-shadow: 0 0 12px #d6d6d6;
      .li_top{
        display: flex;
        .logo{
          width: 120rpx;
          height: 120rpx;
          margin-right: 40rpx;
          border-radius: 50%;
        }
        .li_title{
          display: flex;
          flex-direction: column;
          font-size: 36rpx;
          .li_type{
            font-size: 30rpx;
            margin-top: 20rpx;
            text-align: left;
          }
        }
      }
      .cardtitle{
        margin: 20rpx 0 20rpx 100rpx;
      }
    }
    .del{
      background: red;
      width: 160rpx;
      height: 100%;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 34rpx;
    }
    .bank_img{
      width: 400rpx;
      height: 400rpx;
      margin: 20rpx auto;
    }
    .title{
      font-size: 34rpx;
      color: #808080;
    }
    .post_absotu{
      position: absolute;
      right: 0;
      top: 0;
    }
  }
  .paw-box{
    width: 660rpx;
    /* height: 400rpx; */
    padding: 20rpx 0;
    overflow-y: auto;
    background: white;
    text-align: center;
    border-radius: 10rpx;
    position: relative;
    .model_title{
      padding: 20rpx;
      font-weight: 600;
    }
    .hide_box{
      height: 80rpx;
      .hide-paw{
        width: 0;
        height: 0;
      }
    }
    .pay-password{
      display: flex;
      justify-content: space-between;
      padding: 20rpx 20rpx 80rpx;
      .paw{
        width: 90rpx;
        height: 90rpx;
        border-radius: 6rpx;
        background-color: #e2e2e2;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 50rpx;
        font-weight: 800;
      }
    }
    .post_absotu{
      position: absolute;
      top: 0;
      right: 4px;
      padding: 10rpx 10rpx 0;
      border-bottom: 1px solid;
      color: #3F51B5;
    }
    .btn{
      width: 400rpx;
      height: 80rpx;
      background: #07c261;
      line-height: 80rpx;
      margin: auto;
      border-radius: 10rpx;
      color: white;
    }
  }
}