dev

src/components/home/index/Card.vue

@@ -46,15 +46,19 @@ const imageUrl = ref<any>()
   height: 208px;
 
   .info-content {
+    width: 100%;
     display: flex;
+    padding-left: 24px;
 
     .image {
       width: 88px;
       height: 88px;
-      margin: 0 24px;
+      margin-right:24px;
     }
 
     .app_info-content-text {
+      flex: 1;
+      min-width: 0;
       font-weight: 500;
       font-size: 16px;
       color: #333333;

src/components/home/index/CustomerService.vue

@@ -10,7 +10,7 @@ const proxyMessage = defineModel<any>()
     <div class="service-content">
       <img class="image" src="/static/images/home/qr-code.png" alt="">
       <div class="service-text">
-        <div style="margin-bottom: 20px">服务名称：{{ proxyMessage.name }}</div>
+        <div class="message-name" style="margin-bottom: 20px">服务名称：{{ proxyMessage.name }}</div>
         <div>服务热线：{{ proxyMessage.phone }}</div>
       </div>
     </div>
@@ -19,20 +19,22 @@ const proxyMessage = defineModel<any>()
 
 <style scoped lang="scss">
 .service {
+  width: 100%;
   height: 170px;
   margin: 24px 0;
-  padding-bottom: 24px;
 
   .service-content {
+    padding: 0 24px 24px;
     display: flex;
-
     .image {
       width: 88px;
       height: 88px;
-      margin: 0 24px;
+      margin-right:24px;
     }
 
     .service-text {
+      flex: 1;
+      min-width: 0;
       font-weight: 500;
       font-size: 16px;
       color: #333333;
@@ -40,6 +42,11 @@ const proxyMessage = defineModel<any>()
       display: flex;
       flex-direction: column;
       justify-content: center;
+      .message-name{
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     }
   }
 }

src/components/home/index/SystemMessage.vue

@@ -61,8 +61,13 @@ const systemMessage = defineModel<SystemMessage[]>({ default: () => [] });
       justify-content: space-between;
 
       &-title {
+        flex: 1;
+        min-width: 0;
         font-size: 18px;
         color: #333333;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
     }
 

src/views/registration/index.vue

@@ -130,10 +130,10 @@ const getPatientList = () => {
   })
 }
 const total = ref(0)
-const size = ref(20)
+const size = ref(2)
 const page = ref(1)
-const changePage = (page: any) => {
+const changePage = (value: any) => {
-  page.value = page
+  page.value = value
   getPatientList()
 }
 const id = ref<any>('')