|
|
@@ -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;
|