a38eab405c
- 在首页添加用户会话检测机制 - 新增再来一张按钮功能，允许用户快速重新生成图片 - 完善平台抽象层，支持字节跳动小程序用户信息接口 - 优化下载区域组件，支持更多交互功能 - 修复错误提示组件文本显示问题
70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
.download-section {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 40rpx;
|
|
padding-top: 20rpx;
|
|
}
|
|
|
|
.download-btn {
|
|
width: 80%;
|
|
height: 100rpx;
|
|
background: linear-gradient(45deg, #ff6b6b, #ee5a24);
|
|
color: white;
|
|
border: none;
|
|
border-radius: 50rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
margin-bottom: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s;
|
|
}
|
|
|
|
.download-btn:active {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.download-btn.disabled {
|
|
background: #ccc;
|
|
color: #666;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.download-btn.disabled:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.regenerate-btn {
|
|
width: 80%;
|
|
height: 100rpx;
|
|
background: linear-gradient(45deg, #52c41a, #73d13d);
|
|
color: white;
|
|
border: none;
|
|
border-radius: 50rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
margin-bottom: 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
transition: opacity 0.2s;
|
|
}
|
|
|
|
.regenerate-btn:active {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.download-tip {
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
opacity: 0.8;
|
|
} |