Преглед изворни кода

style(ui): 更新界面样式和交互效果

- 调整媒人详情页底部操作栏样式,修改位置、尺寸和渐变效果
- 优化媒人详情页按钮动画效果,增加阴影和悬停效果
- 修改身份验证页面输入框宽度适配
- 调整反馈页面提交按钮区域样式
- 更新个人中心页面底部导航栏选中状态样式
- 修复工作台页面SVG图标路径错误
- 调整工作台资源管理页面底部导航栏结构
- 更新工作台资源和排行榜图标
- 移除用户详情页自定义导航栏,优化页面布局
- 隐藏访问记录页面浏览时间显示
李思佳 пре 6 часа
родитељ
комит
6647d64335

+ 3 - 2
LiangZhiYUMao/pages/feedback/index.vue

@@ -386,9 +386,10 @@ export default {
 
 /* 提交按钮 */
 .submit-section {
-  padding: 30rpx;
   background: #FFFFFF;
-  margin-top: 30rpx;
+  border-radius: 12rpx;
+  padding: 30rpx;
+  margin: 0 30rpx 30rpx;
 }
 
 .submit-btn {

+ 1 - 1
LiangZhiYUMao/pages/matchmaker-workbench/mine.vue

@@ -1015,7 +1015,7 @@ export default {
     }
 
     &.resources .tabbar-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="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
+      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="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
     }
 
     &.active.resources .tabbar-icon {

+ 30 - 26
LiangZhiYUMao/pages/matchmaker-workbench/my-resources.vue

@@ -206,28 +206,28 @@
 
 		<!-- 底部导航 -->
 		<view class="tabbar">
-			<view class="tabbar-item" @click="navigateToWorkbench">
-				<view class="tabbar-icon home"></view>
-				<text class="tabbar-text">工作台</text>
-			</view>
-			<view class="tabbar-item active" @click="navigateToMyResources">
-				<view class="tabbar-icon resources"></view>
-				<text class="tabbar-text">我的资源</text>
-			</view>
-			<view class="tabbar-item" @click="navigateToRanking">
-				<view class="tabbar-icon trophy"></view>
-				<text class="tabbar-text">排行榜</text>
-			</view>
-			<!-- <view class="tabbar-item" @click="navigateToMessage">
-				<view class="tabbar-icon message">
-					<view v-if="unreadCount > 0" class="badge">{{ unreadCount }}</view>
+			<view class="tabbar-item home" @click="navigateToWorkbench">
+					<view class="tabbar-icon"></view>
+					<text class="tabbar-text">工作台</text>
+				</view>
+				<view class="tabbar-item resources active" @click="navigateToMyResources">
+					<view class="tabbar-icon"></view>
+					<text class="tabbar-text">我的资源</text>
+				</view>
+				<view class="tabbar-item trophy" @click="navigateToRanking">
+					<view class="tabbar-icon"></view>
+					<text class="tabbar-text">排行榜</text>
+				</view>
+				<!-- <view class="tabbar-item message" @click="navigateToMessage">
+					<view class="tabbar-icon">
+						<view v-if="unreadCount > 0" class="badge">{{ unreadCount }}</view>
+					</view>
+					<text class="tabbar-text">消息</text>
+				</view> -->
+				<view class="tabbar-item mine" @click="navigateToMine">
+					<view class="tabbar-icon"></view>
+					<text class="tabbar-text">我的</text>
 				</view>
-				<text class="tabbar-text">消息</text>
-			</view> -->
-			<view class="tabbar-item" @click="navigateToMine">
-				<view class="tabbar-icon mine"></view>
-				<text class="tabbar-text">我的</text>
-			</view>
 		</view>
 	</view>
 </template>
@@ -1768,16 +1768,20 @@ export default {
 			}
 
 			&.resources .tabbar-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="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
+			}
+
+			&.active.resources .tabbar-icon {
 				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>');
 			}
 
 			&.trophy .tabbar-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="M18 6l-1.42 1.42-1.59-1.59L13 8.17l-1.42-1.42L9 8.17l-1.59-1.59L6 6l3 3V18c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V9l3-3zm-4 12H8v-7.5l4-4 4 4V18z"/></svg>');
-			}
+					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 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');
+				}
 
-			&.active.trophy .tabbar-icon {
-				background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M18 6l-1.42 1.42-1.59-1.59L13 8.17l-1.42-1.42L9 8.17l-1.59-1.59L6 6l3 3V18c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V9l3-3zm-4 12H8v-7.5l4-4 4 4V18z"/></svg>');
-			}
+				&.active.trophy .tabbar-icon {
+					background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%239C27B0"><path d="M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z"/></svg>');
+				}
 
 			&.message .tabbar-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="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>');

+ 41 - 19
LiangZhiYUMao/pages/matchmakers/detail.vue

@@ -740,52 +740,74 @@ export default {
 /* 底部操作栏 */
 .bottom-bar {
 	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
+	bottom: 70rpx;
+	left: 30rpx;
+	right: 30rpx;
 	display: flex;
 	gap: 20rpx;
-	padding: 20rpx 30rpx;
-	background-color: #FFFFFF;
-	border-top: 1rpx solid #F0F0F0;
-	box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
-	padding-bottom: constant(safe-area-inset-bottom);
-	padding-bottom: env(safe-area-inset-bottom);
+	padding: 0;
+	background: transparent;
+	border: none;
+	box-shadow: none;
 
 	.action-btn {
 		flex: 1;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		gap: 10rpx;
-		padding: 25rpx 0;
-		border-radius: 50rpx;
-		font-size: 28rpx;
+		gap: 12rpx;
+		padding: 24rpx 0;
+		border-radius: 60rpx;
+		font-size: 30rpx;
 		font-weight: bold;
 		color: #FFFFFF;
-		transition: transform 0.2s;
+		transition: all 0.3s ease;
+		box-shadow: 0 4rpx 20rpx rgba(255, 82, 82, 0.3);
 
 		&:active {
-			transform: scale(0.95);
+			transform: translateY(2rpx) scale(0.98);
+			box-shadow: 0 2rpx 10rpx rgba(255, 82, 82, 0.2);
 		}
 
 		.btn-icon {
-			font-size: 32rpx;
+			font-size: 34rpx;
 		}
 
 		&.call-btn {
-			background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
+			background: linear-gradient(135deg, #FF6B6B 0%, #FF5252 100%);
+			position: relative;
+			overflow: hidden;
+			
+			&::before {
+				content: '';
+				position: absolute;
+				top: 0;
+				left: -100%;
+				width: 100%;
+				height: 100%;
+				background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+				transition: left 0.5s ease;
+			}
+			
+			&:hover::before {
+				left: 100%;
+			}
 		}
 
 		&.consult-btn {
-			background: linear-gradient(135deg, #E91E63 0%, #C2185B 100%);
+			background: linear-gradient(135deg, #4ECDC4 0%, #45B7AA 100%);
+			box-shadow: 0 4rpx 20rpx rgba(78, 205, 196, 0.3);
+			
+			&:active {
+				box-shadow: 0 2rpx 10rpx rgba(78, 205, 196, 0.2);
+			}
 		}
 	}
 }
 
 /* 底部占位 */
 .bottom-placeholder {
-	height: 40rpx;
+	height: 160rpx;
 }
 </style>
 

+ 30 - 30
LiangZhiYUMao/pages/mine/index.vue

@@ -234,28 +234,28 @@
 
    <!-- 底部导航栏 -->
    		<view class="tabbar">
-   			<view class="tabbar-item active" @click="switchTab('index')">
-   				<text class="tabbar-icon">🏠</text>
-   				<text class="tabbar-text">首页</text>
-   			</view>
-   			<view class="tabbar-item" @click="switchTab('plaza')">
-   				<text class="tabbar-icon">💕</text>
-   				<text class="tabbar-text">动态</text>
-   			</view>
-   			<view class="tabbar-item" @click="switchTab('recommend')">
-   				<text class="tabbar-icon">👍</text>
-   				<text class="tabbar-text">推荐</text>
-   			</view>
-   			<!-- <view class="tabbar-item" @click="switchTab('message')">
-   				<text class="tabbar-icon">💬</text>
-   				<text class="tabbar-text">消息</text>
-   				<view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
-   			</view> -->
-   			<view class="tabbar-item" @click="switchTab('mine')">
-   				<text class="tabbar-icon">👤</text>
-   				<text class="tabbar-text">我的</text>
-   			</view>
-   		</view>
+    <view class="tabbar-item" @click="switchTab('index')">
+    <text class="tabbar-icon">🏠</text>
+    <text class="tabbar-text">首页</text>
+    </view>
+    <view class="tabbar-item" @click="switchTab('plaza')">
+    <text class="tabbar-icon">💕</text>
+    <text class="tabbar-text">动态</text>
+    </view>
+    <view class="tabbar-item" @click="switchTab('recommend')">
+    <text class="tabbar-icon">👍</text>
+    <text class="tabbar-text">推荐</text>
+    </view>
+    <!-- <view class="tabbar-item" @click="switchTab('message')">
+    <text class="tabbar-icon">💬</text>
+    <text class="tabbar-text">消息</text>
+    <view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
+    </view> -->
+    <view class="tabbar-item active" @click="switchTab('mine')">
+    <text class="tabbar-icon">👤</text>
+    <text class="tabbar-text">我的</text>
+    </view>
+    </view>
   </view>
 </template>
 
@@ -2190,7 +2190,7 @@ export default {
     transition: all 0.3s ease;
 
     .tabbar-icon {
-      font-size: 48rpx;
+      font-size: 44rpx;
       margin-bottom: 8rpx;
       transition: all 0.3s ease;
     }
@@ -2209,16 +2209,16 @@ export default {
     }
 
     &.active {
-      transform: translateY(-5rpx);
+      /* 移除translateY变换,与其他页面保持一致 */
 
       .tabbar-icon {
-        color: #FF6B8A;
-        transform: scale(1.1);
-        filter: drop-shadow(0 4rpx 15rpx rgba(255, 107, 138, 0.3));
+        color: #E91E63;
+        /* 移除scale变换,与其他页面保持一致 */
+        filter: drop-shadow(0 4rpx 15rpx rgba(233, 30, 99, 0.3));
       }
 
       .tabbar-text {
-        color: #722F37;
+        color: #E91E63;
         font-weight: bold;
       }
 	  
@@ -2239,13 +2239,13 @@ export default {
   height: 36rpx;
   line-height: 36rpx;
   padding: 0 10rpx;
-  background: linear-gradient(135deg, #FF6B8A 0%, #FF8A9B 100%);
+  background: linear-gradient(135deg, #E91E63 0%, #EC407A 100%);
   border-radius: 18rpx;
   font-size: 22rpx;
   color: #FFFFFF;
   text-align: center;
   font-weight: bold;
-  box-shadow: 0 4rpx 15rpx rgba(255, 107, 138, 0.3);
+  box-shadow: 0 4rpx 15rpx rgba(233, 30, 99, 0.3);
   transform: scale(1);
   transition: all 0.3s ease;
 }

+ 3 - 3
LiangZhiYUMao/pages/mine/visited-by-me.vue

@@ -30,9 +30,9 @@
             <text class="detail-item" v-if="item.educationText">{{ item.educationText }}</text>
             <text class="detail-item" v-if="item.salaryText">{{ item.salaryText }}</text>
           </view>
-          <view class="browse-time">
-            <text class="time-text">{{ formatTime(item.viewTime) }}</text>
-          </view>
+<!--          <view class="browse-time">-->
+<!--            <text class="time-text">{{ formatTime(item.viewTime) }}</text>-->
+<!--          </view>-->
         </view>
       </view>
     </scroll-view>

+ 23 - 23
LiangZhiYUMao/pages/recommend/index.vue

@@ -223,29 +223,29 @@
 			</view>
 		</scroll-view>
 		<!-- 底部导航栏 -->
-				<view class="tabbar">
-					<view class="tabbar-item active" @click="switchTab('index')">
-						<text class="tabbar-icon">🏠</text>
-						<text class="tabbar-text">首页</text>
-					</view>
-					<view class="tabbar-item" @click="switchTab('plaza')">
-						<text class="tabbar-icon">💕</text>
-						<text class="tabbar-text">动态</text>
-					</view>
-					<view class="tabbar-item" @click="switchTab('recommend')">
-						<text class="tabbar-icon">👍</text>
-						<text class="tabbar-text">推荐</text>
-					</view>
-					<!-- <view class="tabbar-item" @click="switchTab('message')">
-						<text class="tabbar-icon">💬</text>
-						<text class="tabbar-text">消息</text>
-						<view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
-					</view> -->
-					<view class="tabbar-item" @click="switchTab('mine')">
-						<text class="tabbar-icon">👤</text>
-						<text class="tabbar-text">我的</text>
-					</view>
-				</view>
+		<view class="tabbar">
+			<view class="tabbar-item" @click="switchTab('index')">
+				<text class="tabbar-icon">🏠</text>
+				<text class="tabbar-text">首页</text>
+			</view>
+			<view class="tabbar-item" @click="switchTab('plaza')">
+				<text class="tabbar-icon">💕</text>
+				<text class="tabbar-text">动态</text>
+			</view>
+			<view class="tabbar-item active" @click="switchTab('recommend')">
+				<text class="tabbar-icon">👍</text>
+				<text class="tabbar-text">推荐</text>
+			</view>
+			<!-- <view class="tabbar-item" @click="switchTab('message')">
+				<text class="tabbar-icon">💬</text>
+				<text class="tabbar-text">消息</text>
+				<view v-if="unreadCount >= 1" class="tabbar-badge">{{ unreadCount }}</view>
+			</view> -->
+			<view class="tabbar-item" @click="switchTab('mine')">
+				<text class="tabbar-icon">👤</text>
+				<text class="tabbar-text">我的</text>
+			</view>
+		</view>
 	</view>
 </template>
 

+ 6 - 45
LiangZhiYUMao/pages/recommend/user-detail.vue

@@ -1,13 +1,5 @@
 <template>
 	<view class="user-detail-page">
-		<!-- 自定义导航栏 -->
-		<view class="custom-navbar">
-			<view class="navbar-left" @click="goBack">
-				<text class="back-icon">←</text>
-			</view>
-			<view class="navbar-title">用户详情</view>
-			<view class="navbar-right"></view>
-		</view>
 
 		<scroll-view scroll-y class="page-content" v-if="userInfo">
 			<!-- 用户头像和基本信息 -->
@@ -414,48 +406,14 @@ export default {
 .user-detail-page {
 	min-height: 100vh;
 	background: #F5F5F5;
-	padding-top: 90rpx;
-}
-
-/* 自定义导航栏 */
-.custom-navbar {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	height: 90rpx;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 0 20rpx;
-	background: #FFFFFF;
-	border-bottom: 2rpx solid #E0E0E0;
-	z-index: 999;
-}
-
-.navbar-left,
-.navbar-right {
-	width: 80rpx;
-}
-
-.back-icon {
-	font-size: 40rpx;
-	color: #333;
-	font-weight: bold;
-}
-
-.navbar-title {
-	flex: 1;
-	text-align: center;
-	font-size: 32rpx;
-	font-weight: bold;
-	color: #333;
+	padding-top: 0;
 }
 
 /* 页面内容 */
 .page-content {
-	height: calc(100vh - 90rpx);
+	height: 100vh;
 	padding: 20rpx;
+	box-sizing: border-box;
 }
 
 /* 用户头部 */
@@ -467,6 +425,7 @@ export default {
 	display: flex;
 	align-items: flex-start;
 	border: 2rpx solid #E0E0E0;
+	box-sizing: border-box;
 }
 
 .user-avatar {
@@ -536,6 +495,7 @@ export default {
 	padding: 24rpx;
 	margin-bottom: 20rpx;
 	border: 2rpx solid #E0E0E0;
+	box-sizing: border-box;
 }
 
 .section-title {
@@ -587,6 +547,7 @@ export default {
 	padding: 24rpx;
 	margin-bottom: 20rpx;
 	border: 2rpx solid #E0E0E0;
+	box-sizing: border-box;
 }
 
 .section-header {

+ 1 - 1
LiangZhiYUMao/pages/settings/id-verification.vue

@@ -312,7 +312,7 @@ export default {
 }
 
 .form-input {
-	width: 100%;
+	width: 92.5%;
 	height: 80rpx;
 	padding: 0 24rpx;
 	background: #F5F5F5;