nostone_loan_wxapp/pages/try/index.wxss

.try{
  width: 100vw;height: 100vh;
  display: flex;align-items: center;justify-content: center;
  background: #000;
  position: relative;
}

.camera{
  border: 1px solid var(--yellow);
  width: 95vw;height: calc(95vw * 1.5);
  box-sizing: border-box;
  border-radius: 5px;
}
 .image{
   position: absolute;
   bottom: 20rpx;left:calc(50vw - 50rpx);
  width: 100rpx;height: 100rpx;
  background-size: 100rpx 100rpx;
  box-sizing: border-box;
  border: 10rpx solid #fff;
  border-radius: 50%;
  display: flex;align-items: center;justify-content: center;
}
 .image::after{
  width: 60%; height: 60%;
  background-color: #f03;
  border-radius: 50%;
  content: '';
  display: block;
}