瀏覽代碼

style(mine): 优化签到弹窗样式和间距

- 调整弹窗宽度从680rpx改为640rpx
- 调整弹窗最大高度从90vh改为85vh
- 添加transform translateY(-80rpx)偏移效果
- 减少按钮内边距从25rpx到20rpx

style(plaza): 更新广场页面布局调整

- 移除头部副标题"两只羽毛"
- 调整发布按钮位置从bottom:160rpx改为bottom:200rpx
李思佳 11 小時之前
父節點
當前提交
975ef12e85
共有 2 個文件被更改,包括 8 次插入8 次删除
  1. 4 3
      LiangZhiYUMao/pages/mine/index.vue
  2. 4 5
      LiangZhiYUMao/pages/plaza/index.vue

+ 4 - 3
LiangZhiYUMao/pages/mine/index.vue

@@ -1853,8 +1853,8 @@ export default {
 
 /* 签到弹窗样式 - 优化版 */
 .checkin-popup {
-  width: 680rpx;
-  max-height: 90vh;
+  width: 640rpx;
+  max-height: 85vh;
   background: rgba(255, 255, 255, 0.98);
   backdrop-filter: blur(20rpx);
   border-radius: 25rpx;
@@ -1863,6 +1863,7 @@ export default {
   flex-direction: column;
   box-shadow: 0 10rpx 50rpx rgba(0, 0, 0, 0.15);
   border: none;
+  transform: translateY(-80rpx);
 
   .popup-header {
     display: flex;
@@ -2143,7 +2144,7 @@ export default {
       font-size: 34rpx;
       font-weight: bold;
       border-radius: 35rpx;
-      padding: 25rpx;
+      padding: 20rpx;
       border: none;
       transition: all 0.3s ease;
       box-shadow: 0 6rpx 25rpx rgba(255, 107, 138, 0.3);

+ 4 - 5
LiangZhiYUMao/pages/plaza/index.vue

@@ -7,7 +7,6 @@
 				<view class="feather feather-right">🪶</view>
 			</view>
 			<view class="header-content">
-				<text class="header-subtitle">两只羽毛</text>
 				<text class="header-title">💕 缘分广场</text>
 				<text class="header-desc">两只羽毛相遇,编织爱情故事</text>
 			</view>
@@ -787,10 +786,10 @@ export default {
 	
 	// 发布按钮
 	.publish-btn {
-		position: fixed;
-		bottom: 160rpx;
-		right: 40rpx;
-		z-index: 998;
+	position: fixed;
+	bottom: 200rpx;
+	right: 40rpx;
+	z-index: 998;
 		
 		.publish-bg {
 			width: 140rpx;