样式优化

scanpages/hj/material_sampling.vue

@@ -84,8 +84,8 @@
 
 		<!-- 提交按钮 -->
 		<view class="submit-bar">
-			<view class="submit-btn" @click="handleSubmit">
-				<text class="submit-btn__text">提交校验结果</text>
+			<view class="btn-primary-gradient" @click="handleSubmit">
+				<text class="btn-primary-gradient__text">提交校验结果</text>
 			</view>
 		</view>
 	</view>
@@ -200,23 +200,23 @@ const gaugeWidth = (val, min, max) => {
 </script>
 
 <style lang="scss" scoped>
-$primary: #2979ff;
-$primary-light: #e8f0fe;
-$primary-mid: #d0ddff;
-$primary-dark: #1a56cc;
+// 继承全局变量（定义在 uni.scss）
+$primary: $app-primary;
+$primary-light: $app-primary-light;
+$primary-mid: $app-primary-mid;
+$primary-dark: $app-primary-dark;
+$text: $app-text;
+$text-secondary: $app-text-secondary;
+$border: $app-border;
+$radius: $app-radius;
+// 页面专属
 $bg: #f0f2f5;
-$text: #0f1724;
-$text-secondary: #6b7c93;
-$border: #e8ecf1;
 $card-bg: #ffffff;
-$radius: 16rpx;
 $shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
 $shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
 
 .detail-page {
-	min-height: 100vh;
 	background: $bg;
-	padding-bottom: 180rpx;
 }
 
 // ===== 焊口主标识 =====
@@ -444,43 +444,6 @@ $shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
 	background: linear-gradient(180deg, rgba(240, 242, 245, 0) 0%, $bg 20%);
 }
 
-.submit-btn {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 24rpx;
-	background: linear-gradient(135deg, $primary, #5a9aff);
-	border-radius: 14rpx;
-	box-shadow: 0 6rpx 24rpx rgba($primary, 0.3);
-	transition: all 0.25s ease;
-
-	&:active {
-		opacity: 0.9;
-		transform: scale(0.98);
-	}
-
-	&--disabled {
-		background: #c5cbd5;
-		box-shadow: none;
-
-		&:active {
-			opacity: 1;
-			transform: none;
-		}
-
-		.submit-btn__text {
-			color: #94a3b8;
-		}
-	}
-
-	&__text {
-		font-size: 30rpx;
-		font-weight: 600;
-		color: #ffffff;
-		letter-spacing: 2rpx;
-	}
-}
-
 // ===== 备注输入框 =====
 .remark-card {
 	background: $card-bg;