电子签基础功能

src/views/onboarding/fill/index.vue

@@ -1976,18 +1976,25 @@ onBeforeUnmount(() => {
   padding: 18px;
   background: #f8fafc;
   margin-bottom: 16px;
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
 }
 
 .contract-meta {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 8px;
+  min-width: 0;
 }
 
 .contract-title {
   font-size: 16px;
   color: #0f172a;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 
 .contract-desc {
@@ -2012,10 +2019,32 @@ onBeforeUnmount(() => {
   gap: 12px;
   border-top: 1px dashed #cbd5e1;
   padding-top: 14px;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .agree-checkbox {
   font-weight: 600;
+  min-width: 0;
+  max-width: 100%;
+  height: auto;
+  margin-right: 0;
+  white-space: normal;
+}
+
+.agree-checkbox :deep(.el-checkbox__input) {
+  flex: 0 0 auto;
+  margin-top: 3px;
+}
+
+.agree-checkbox :deep(.el-checkbox__label) {
+  min-width: 0;
+  max-width: 100%;
+  padding-left: 8px;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  line-height: 1.5;
 }
 
 .contract-view-hint {
@@ -2170,5 +2199,14 @@ onBeforeUnmount(() => {
     flex-direction: column;
     align-items: stretch;
   }
+  .contract-sign-card {
+    padding: 14px;
+  }
+  .contract-card-bottom > .el-button,
+  .contract-card-bottom > .agree-checkbox {
+    width: 100%;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
 }
 </style>