commit

components.d.ts

@@ -15,6 +15,7 @@ declare module 'vue' {
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanField: typeof import('vant/es')['Field']
     VanForm: typeof import('vant/es')['Form']
+    VanIcon: typeof import('vant/es')['Icon']
     VanList: typeof import('vant/es')['List']
     VanPopup: typeof import('vant/es')['Popup']
     VanRadio: typeof import('vant/es')['Radio']

src/views/detail/signature.vue

@@ -19,7 +19,7 @@
         <div class="sign-box" @click="startSign">
           <canvas ref="canvasRef" class="sign-canvas"></canvas>
           <div class="sign-placeholder" v-if="isEmpty">
-            <i class="icon-pen"></i>
+            <van-icon name="edit" />
             点击此处开始签名
           </div>
           <img v-else :src="signatureImg.url" alt="">
@@ -141,7 +141,7 @@
     margin: 0 auto;
     border-radius: 20px;
     border: 1px solid #eee;
-    background: #fff;
+    background-color: #f5f5f5;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     overflow: hidden;
     display: flex;
@@ -149,6 +149,7 @@
     min-height: 90vh;
   }
   .header {
+    background: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -164,8 +165,14 @@
     flex: 1;
     padding: 1.5rem;
   }
+  .sign-area{
+    
+    background: #fff;
+    border-radius: 10px;
+    padding: 1rem;
+  }
   .info {
-    background: #f7f8fa;
+    background: #fff;
     border-radius: 10px;
     padding: 1rem;
     margin-bottom: 1.5rem;
@@ -219,7 +226,7 @@
     align-items: center;
     justify-content: center;
     color: #bbb;
-    font-size: 12px;
+    font-size: 14px;
     pointer-events: none;
   }
   .icon-pen {
@@ -238,10 +245,11 @@
     border: none;
     color: #1677ff;
     cursor: pointer;
-    font-size: 12px;
+    font-size: 14px;
   }
   .footer {
     display: flex;
+    background: #fff;
     // border-top: 1px solid #f0f0f0;
   }
   .close-btn,