微信小程序php签到功能,微信小程序本地存储实现每日签到、连续签到功能的教程...

.container{

background-color: ghostwhite;

width: 100%;

height: 100%;

flex-direction: column;

display: flex;

align-items: center;

min-height: 100vh;

}

.mxc1{

position: relative;

width: 100%;

height: 400rpx;

border-top: 1px solid #000;

border-bottom: 1px solid #000;

margin-top: -70rpx;

flex-direction: column;

display: flex;

align-items: center;

background-color: #efeff4;

}

.mxc1 text{

font-size: 30rpx;

font-weight: bold;

line-height: 400rpx;

}

.mxc2-1{

position: absolute;

width: 60%;

height: 74rpx;

border: 1px solid rgba(247, 2, 2, 0.959);

background-color: rgba(247, 2, 2, 0.959);

border-radius: 3px;

flex-direction: column;

display: flex;

align-items: center;

margin-top: 396rpx;

}

.mxc2-1 text{

color: white;

font-size: 32rpx;

line-height: 74rpx;

}

.mxc2-2{

position: absolute;

width: 60%;

height: 74rpx;

border: 1px solid rgba(182, 177, 177, 0.959);

background-color: rgba(182, 177, 177, 0.959);

border-radius: 3px;

flex-direction: column;

display: flex;

align-items: center;

margin-top: 396rpx;

}

.mxc2-2 text{

color: #000;

font-size: 32rpx;

line-height: 74rpx;

}