Bladeren bron

style(patient): 调整健康数据页面底部按钮样式

- 为血糖、血压、心率和体征页面添加取消按钮
- 修改保存按钮样式,统一按钮宽度和高度
- 调整底部固定区域布局,使用flexbox水平排列按钮
- 设置按钮间距和居中对齐方式
- 取消全宽按钮样式,改为固定宽度设计
- 统一所有健康详情页的底部按钮样式和交互逻辑
mcbaiyun 1 maand geleden
bovenliggende
commit
25cc1d0cb0

+ 21 - 6
src/pages/patient/health/details/blood-glucose.vue

@@ -79,7 +79,8 @@
         </view>
         </view>
 
 
         <view class="fixed-footer">
         <view class="fixed-footer">
-          <button class="btn-primary btn-full" @click="confirmAdd">保存</button>
+          <button class="btn-cancel" @click="closeAdd">取消</button>
+          <button class="btn-primary" @click="confirmAdd">保存</button>
         </view>
         </view>
       </view>
       </view>
     </view>
     </view>
@@ -781,12 +782,26 @@ async function confirmDeleteRecord(id: string) {
   left: 0;
   left: 0;
   right: 0;
   right: 0;
   bottom: 40rpx;
   bottom: 40rpx;
-  padding: 0 24rpx
+  padding: 0 24rpx;
+  display: flex;
+  gap: 20rpx;
+  justify-content: center;
 }
 }
 
 
-.btn-full {
-  width: 100%;
-  padding: 18rpx;
-  border-radius: 12rpx;
+.btn-cancel { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
+  border-radius: 12rpx; 
+  background: #f5f5f5; 
+  color: #666; 
 }
 }
+
+.btn-primary { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
+  border-radius: 12rpx; 
+}
+
 </style>
 </style>

+ 19 - 5
src/pages/patient/health/details/blood-pressure.vue

@@ -81,7 +81,8 @@
         </view>
         </view>
 
 
         <view class="fixed-footer">
         <view class="fixed-footer">
-          <button class="btn-primary btn-full" @click="confirmAdd">保存</button>
+          <button class="btn-cancel" @click="closeAdd">取消</button>
+          <button class="btn-primary" @click="confirmAdd">保存</button>
         </view>
         </view>
       </view>
       </view>
     </view>
     </view>
@@ -758,12 +759,25 @@ async function confirmDeleteRecord(id: string) {
   left: 0; 
   left: 0; 
   right: 0; 
   right: 0; 
   bottom: 40rpx; 
   bottom: 40rpx; 
-  padding: 0 24rpx 
+  padding: 0 24rpx; 
+  display: flex; 
+  gap: 20rpx; 
+  justify-content: center; 
 }
 }
 
 
-.btn-full { 
-  width: 100%; 
-  padding: 18rpx; 
+.btn-cancel { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
+  border-radius: 12rpx; 
+  background: #f5f5f5; 
+  color: #666; 
+}
+
+.btn-primary { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
   border-radius: 12rpx; 
   border-radius: 12rpx; 
 }
 }
 </style>
 </style>

+ 19 - 5
src/pages/patient/health/details/heart-rate.vue

@@ -71,7 +71,8 @@
         </view>
         </view>
 
 
         <view class="fixed-footer">
         <view class="fixed-footer">
-          <button class="btn-primary btn-full" @click="confirmAdd">保存</button>
+          <button class="btn-cancel" @click="closeAdd">取消</button>
+          <button class="btn-primary" @click="confirmAdd">保存</button>
         </view>
         </view>
       </view>
       </view>
     </view>
     </view>
@@ -728,12 +729,25 @@ async function confirmDeleteRecord(id: string) {
   left: 0; 
   left: 0; 
   right: 0; 
   right: 0; 
   bottom: 40rpx; 
   bottom: 40rpx; 
-  padding: 0 24rpx 
+  padding: 0 24rpx; 
+  display: flex; 
+  gap: 20rpx; 
+  justify-content: center; 
 }
 }
 
 
-.btn-full { 
-  width: 100%; 
-  padding: 18rpx; 
+.btn-cancel { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
+  border-radius: 12rpx; 
+  background: #f5f5f5; 
+  color: #666; 
+}
+
+.btn-primary { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
   border-radius: 12rpx; 
   border-radius: 12rpx; 
 }
 }
 </style>
 </style>

+ 19 - 5
src/pages/patient/health/details/physical.vue

@@ -87,7 +87,8 @@
         </view>
         </view>
 
 
         <view class="fixed-footer">
         <view class="fixed-footer">
-          <button class="btn-primary btn-full" @click="confirmAdd">保存</button>
+          <button class="btn-cancel" @click="closeAdd">取消</button>
+          <button class="btn-primary" @click="confirmAdd">保存</button>
         </view>
         </view>
       </view>
       </view>
     </view>
     </view>
@@ -858,12 +859,25 @@ async function confirmDeleteRecord(id: string) {
   left: 0; 
   left: 0; 
   right: 0; 
   right: 0; 
   bottom: 40rpx; 
   bottom: 40rpx; 
-  padding: 0 24rpx 
+  padding: 0 24rpx; 
+  display: flex; 
+  gap: 20rpx; 
+  justify-content: center 
 }
 }
 
 
-.btn-full { 
-  width: 100%; 
-  padding: 18rpx; 
+.btn-cancel { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
   border-radius: 12rpx; 
   border-radius: 12rpx; 
+  background: #f5f5f5; 
+  color: #666 
+}
+
+.btn-primary { 
+  width: 220rpx; 
+  height: 100rpx; 
+  padding: 0; 
+  border-radius: 12rpx 
 }
 }
 </style>
 </style>