Colorful-childhood/pages/clip/clip.wxss

/* pages/clip/clip.wxss */
.clip {
    position: relative;
    width: 100%;
    height: 100%;
}

.head-img,
movable-area {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);  
}

movable-view {
    height: 200rpx; 
    width: 200rpx; 
    border: 4rpx solid #fe9d00;
    border-radius: 50%;
}


.btn {
    position: absolute;
    left: 0;
    bottom: 10rpx;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 88rpx;
    width: 100%;
}

.btn text {
   width: 40%;
   height: 100%;
   border-radius: 10rpx;
   display: flex;
   align-items: center;
   justify-content: center;
   background: skyblue;
   color: #fff; 
}