yangjl/sh-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式优化

Browse Source
This commit is contained in:
杨家亮
2026-07-06 17:05:24 +08:00
parent 21d11697a0
commit dd792ab197
7 changed files with 93 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/page.scss
+41 -2
View File
@@ -943,6 +943,12 @@
padding-bottom: 160rpx;
}
// 详情页容器（scanpages 页面统一使用，背景色由各页覆盖）
.detail-page {
min-height: 100vh;
padding-bottom: 180rpx;
}
// 信息分组
.info-group {
background: #ffffff;
@@ -970,7 +976,7 @@
.info-label {
flex-shrink: 0;
width: 180rpx;
width: 200rpx;
font-size: 28rpx;
color: #666;
line-height: 40rpx;
@@ -1023,7 +1029,7 @@
// 可点击行（扫码添加）
&.info-link {
.info-label {
flex: 1;
width: 200rpx;
}
.scan-icon {
@@ -1177,6 +1183,39 @@
}
}
// 主渐变按钮（scanpages 多页面复用）
.btn-primary-gradient {
display: flex;
align-items: center;
justify-content: center;
padding: 24rpx;
background: linear-gradient(135deg, $app-primary, #5a9aff);
border-radius: 14rpx;
box-shadow: 0 6rpx 24rpx rgba($app-primary, 0.3);
&:active {
opacity: 0.9;
transform: scale(0.98);
}
&--disabled {
background: #c5cbd5;
box-shadow: none;
&:active {
opacity: 1;
transform: none;
}
}
&__text {
font-size: 30rpx;
font-weight: 600;
color: #ffffff;
letter-spacing: 2rpx;
}
}
// 网格页面（试压管理等）
.page-grid {
min-height: 100vh;
scanpages/hj/daily_paper.vue
+1 -1
View File
@@ -12,7 +12,7 @@
</view>
<view class="info-item info-link" @click="handleShowLocationSelect">
<text class="info-label">焊口位置</text>
<text class="info-value">{{ form.WeldingLocationCode ? `${form.WeldingLocationCode}(${form.WeldingLocationName})` : '请选择' }}</text>
<text class="info-value">{{ form.WeldingLocationCode ? `${form.WeldingLocationCode||'--'}(${form.WeldingLocationName||'--'})` : '请选择' }}</text>
<u-icon name="arrow-right" :size="28" color="#ccc"></u-icon>
</view>
<view class="info-item">
scanpages/hj/do_anti_rust.vue
+10 -10
View File
@@ -348,22 +348,22 @@ const handleSubmit = async () => {
</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: #f4f2ee;
$text: #0f1724;
$text-secondary: #6b7c93;
$border: #e8ecf1;
$card-bg: #fefdfb;
$radius: 16rpx;
$shadow-md: 0 2rpx 12rpx rgba(0, 0, 0, 0.04), 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
.detail-page {
min-height: 100vh;
background: $bg;
padding-bottom: 180rpx;
}
// ===== 焊口主标识 =====
scanpages/hj/make_right.vue
+12 -34
View File
@@ -102,8 +102,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>
@@ -239,23 +239,23 @@ const handleSubmit = () => {
</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;
}
// ===== 焊口主标识 =====
@@ -499,26 +499,4 @@ $shadow-md: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
background: linear-gradient(180deg, rgba($bg, 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);
&:active {
opacity: 0.9;
transform: scale(0.98);
}
&__text {
font-size: 30rpx;
font-weight: 600;
color: #fff;
letter-spacing: 2rpx;
}
}
</style>
scanpages/hj/material_sampling.vue
+12 -49
View File
@@ -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;
scanpages/hj/materials_detail.vue
+7 -6
View File
@@ -102,18 +102,19 @@ const showPrint = ref(false)
</script>
<style lang="scss" scoped>
$primary: #2979ff;
$primary-light: #e8f0fe;
$primary-dark: #1a56cc;
// 继承全局变量（定义在 uni.scss）
$primary: $app-primary;
$primary-light: $app-primary-light;
$primary-dark: $app-primary-dark;
$text-secondary: $app-text-secondary;
$radius: $app-radius;
// 页面专属
$bg: #f5f7fa;
$text: #1a2332;
$text-secondary: #6b7c93;
$border: #e2e8f0;
$card-bg: #ffffff;
$radius: 16rpx;
.detail-page {
min-height: 100vh;
background: $bg;
padding-bottom: 160rpx;
}
uni.scss
+10
View File
@@ -13,6 +13,16 @@
*/
@import 'uview-pro/theme.scss';
// ========== 项目共用变量（scanpages 多页面复用）==========
$app-primary: #2979ff;
$app-primary-light: #e8f0fe;
$app-primary-mid: #d0ddff;
$app-primary-dark: #1a56cc;
$app-text: #0f1724;
$app-text-secondary: #6b7c93;
$app-border: #e8ecf1;
$app-radius: 16rpx;
/* 颜色变量 */
/* 行为相关颜色 */