bug(67447) - 浏览器缩放

src/views/service-management/hospitalization-management/hospitalization-details.vue

@@ -3,9 +3,9 @@
     <!--  住院详情页-->
     <div class="pet-detail">
       <!--   头部标题-->
-      <div style="padding-top:30px;text-align: center;">
-        <span style="font-size: 1.5rem;font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;font-weight: bold;color: #333333;">详情</span>
-        <div style="font-size: 16px;text-align: center;margin-top: 10px;">{{ detailInfo.medicalRecordNo }}</div>
+      <div class="title-class">
+        <span class="text-title">详情</span>
+        <div class="recordNo-class">{{ detailInfo.medicalRecordNo }}</div>
       </div>
       <!--   整体卡片内页面的样式--边距-->
       <div style="padding: 30px 48px 50px 32px;">
@@ -573,6 +573,21 @@ export default {
 <style scoped lang="scss">
 //整个页面整体布局
 .pet-detail {
+  .title-class {
+    padding-top:30px;
+    text-align: center;
+    .text-title {
+      font-size: 1.5rem;
+      font-family: Microsoft YaHei-Bold, Microsoft YaHei,serif;
+      font-weight: bold;
+      color: #333333;
+    }
+    .recordNo-class {
+      font-size: 16px;
+      text-align: center;
+      margin-top: 10px;
+    }
+  }
   //最外层嵌套卡片的样式
   .box-card {
     margin: 20px 20px 20px 20px;