95 lines
1.4 KiB
Plaintext
95 lines
1.4 KiB
Plaintext
|
/* pages/successPage/successPage.wxss */
|
||
|
|
|
||
|
|
/* 基础页面设置 */
|
||
|
|
page {
|
||
|
|
height: 100%;
|
||
|
|
background-color: #f8f8f8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 居中容器 */
|
||
|
|
.center-container {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 100%;
|
||
|
|
padding: 40rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 内容盒子 */
|
||
|
|
.content-box {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 600rpx;
|
||
|
|
padding: 60rpx 40rpx;
|
||
|
|
background: white;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 成功图标 */
|
||
|
|
.success-icon {
|
||
|
|
width: 160rpx;
|
||
|
|
height: 160rpx;
|
||
|
|
margin-bottom: 50rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 上传提示 */
|
||
|
|
.upload-tip {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 60rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tip-title {
|
||
|
|
display: block;
|
||
|
|
font-size: 38rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
color: #333;
|
||
|
|
margin-bottom: 20rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tip-desc {
|
||
|
|
display: block;
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #666;
|
||
|
|
line-height: 1.6;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 操作按钮区域 */
|
||
|
|
.action-buttons {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮基础样式 */
|
||
|
|
.action-buttons button {
|
||
|
|
width: 48%;
|
||
|
|
height: 90rpx;
|
||
|
|
line-height: 90rpx;
|
||
|
|
border-radius: 50rpx;
|
||
|
|
font-size: 32rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 退出按钮样式 */
|
||
|
|
.exit-btn {
|
||
|
|
background-color: #ff4d4f;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 查看详情按钮样式 */
|
||
|
|
.detail-btn {
|
||
|
|
background-color: #07c160;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 按钮点击效果 */
|
||
|
|
button::after {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:active {
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|