add success page

2025-08-17 22:15:20 +08:00
parent b6216570d9
commit 0cf49194e4
11 changed files with 308 additions and 15 deletions
--- a/ProjectLiaisonForm/pages/success/success.wxss
+++ b/ProjectLiaisonForm/pages/success/success.wxss
@@ -0,0 +1,95 @@
+/* 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;
+}