Bläddra i källkod

红娘工作台积分商城

YH_0525 1 månad sedan
förälder
incheckning
475007858d
1 ändrade filer med 41 tillägg och 3 borttagningar
  1. 41 3
      LiangZhiYUMao/pages/matchmaker-workbench/index.vue

+ 41 - 3
LiangZhiYUMao/pages/matchmaker-workbench/index.vue

@@ -305,6 +305,40 @@ export default {
 			.settings-icon {
 				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23999"><path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/></svg>');
 			}
+
+			/* 切换工作台按钮 */
+			.exit-workbench-btn {
+				width: 60rpx;
+				height: 44rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				background: linear-gradient(135deg, #9C27B0 0%, #E91E63 100%);
+				border-radius: 22rpx;
+				padding: 8rpx 12rpx;
+
+				.arrow-container {
+					display: flex;
+					flex-direction: column;
+					align-items: center;
+					gap: 4rpx;
+
+					.arrow {
+						width: 0;
+						height: 0;
+						border-left: 8rpx solid transparent;
+						border-right: 8rpx solid transparent;
+
+						&.arrow-top {
+							border-bottom: 8rpx solid #FFFFFF;
+						}
+
+						&.arrow-bottom {
+							border-top: 8rpx solid #FFFFFF;
+						}
+					}
+				}
+			}
 		}
 	}
 
@@ -442,7 +476,8 @@ export default {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 25rpx 30rpx;
+		padding: 35rpx 30rpx;
+		min-height: 80rpx;
 		background: #FFFFFF;
 		border-radius: 20rpx;
 		margin-bottom: 20rpx;
@@ -539,12 +574,14 @@ export default {
 	/* 本周最佳红娘 */
 	.best-matchmaker-section {
 		flex: 1;
+		min-height: 400rpx;
 		padding: 30rpx;
 		background: #FFFFFF;
 		border-radius: 20rpx;
 		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
 		display: flex;
 		flex-direction: column;
+		margin-bottom: 20rpx;
 
 		.section-header {
 			display: flex;
@@ -575,15 +612,16 @@ export default {
 			flex: 1;
 			display: flex;
 			flex-direction: column;
-			justify-content: space-between;
+			gap: 20rpx;
 
 			.best-matchmaker-item {
 				display: flex;
 				align-items: center;
 				gap: 20rpx;
-				padding: 25rpx 20rpx;
+				padding: 30rpx 25rpx;
 				background: #FAFAFA;
 				border-radius: 15rpx;
+				min-height: 100rpx;
 
 				.rank-number {
 					width: 45rpx;