1

pages/customer/components/digitalPayConfirmPopup.vue

@@ -95,14 +95,14 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
 
 .digital-pay-confirm-body {
     text-align: left;
-    padding: 0 0 4px;
+    padding: 0 0 px2rpx(4);
     box-sizing: border-box;
 
     .digital-pay-info {
         display: flex;
         align-items: center;
         gap: 24px;
-        padding: 8px 0 4px;
+        padding: 8px 0 px2rpx(4);
     }
 
     .digital-pay-info__fields {
@@ -111,7 +111,7 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
     }
 
     .digital-pay-field {
-        margin-bottom: 18px;
+        margin-bottom: px2rpx(18);
 
         &:last-child {
             margin-bottom: 0;
@@ -120,15 +120,15 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
 
     .digital-pay-field__label {
         display: block;
-        font-size: 14px;
+        font-size: px2rpx(14);
         font-weight: bold;
-        margin-bottom: 8px;
+        margin-bottom: px2rpx(8);
         line-height: 1.4;
         color: #323232;
     }
 
     .digital-pay-field__value {
-        font-size: 14px;
+        font-size: px2rpx(14);  
         line-height: 1.55;
         word-break: break-all;
         overflow-wrap: anywhere;
@@ -136,8 +136,8 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
 
     .digital-pay-field__value--currency {
         max-width: 100%;
-        padding: 10px 14px;
-        border-radius: 4px;
+        padding: px2rpx(10) px2rpx(14);
+        border-radius: px2rpx(4);
         border: 1px solid #e8e8e8;
         color: #323232;
         box-sizing: border-box;
@@ -147,7 +147,7 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
         padding: 0;
         border: none;
         background: transparent;
-        font-size: 14px;
+        font-size: px2rpx(14);
         color: #323232;
         line-height: 1.6;
     }
@@ -161,16 +161,16 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
         display: flex;
         align-items: center;
         justify-content: center;
-        padding: 10px;
+        padding: px2rpx(10);
         border: 1px solid #e4e7ed;
-        border-radius: 6px;
+        border-radius: px2rpx(6);
         background: #fafafa;
         box-sizing: border-box;
 
         image {
             display: block;
-            width: 120px;
-            height: 120px;
+            width: px2rpx(120);
+            height: px2rpx(120);
             object-fit: contain;
         }
     }
@@ -178,7 +178,7 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
     .digital-pay-divider {
         border: none;
         border-top: 1px solid #e4e7ed;
-        margin: 20px 0 22px;
+        margin: px2rpx(20) 0 px2rpx(22);
     }
 
     .digital-pay-upload-wrap {
@@ -186,80 +186,34 @@ const close = () => { visible.value = false; imageUrl.value = ""; };
     }
 
     .digital-pay-upload__label {
-        font-size: 14px;
+        font-size: px2rpx(14);
         font-weight: bold;
-        margin-bottom: 10px;
+        margin-bottom: px2rpx(10);
         line-height: 1.4;
         color: #323232;
     }
-
-    .digital-pay-voucher-upload {
-        width: 100%;
-        min-height: 52px;
-        border: 1px solid #e4e7ed;
-        border-radius: 4px;
-        box-sizing: border-box;
-
-        .el-upload {
-            width: 100%;
-            min-height: 52px;
-            position: relative;
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            justify-content: flex-start;
-            padding: 0 6px 0 14px;
-            box-sizing: border-box;
-        }
-
-        .avatar-uploader-icon {
-            flex-shrink: 0;
-            order: 0;
-            font-size: 28px;
-            margin: 0 14px 0 0;
-            padding-top: 0;
-            line-height: 1;
-            color: #c0c4cc;
-        }
-
-        .avatar {
-            display: block;
-            order: 1;
-            flex: 1;
-            min-width: 0;
-            min-height: 52px;
-            line-height: 52px;
-            padding: 0 12px 0 0;
-            box-sizing: border-box;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            font-size: 12px;
-            color: #606266;
-        }
-    }
 }
 
 .dialog-digital-pay {
-    border-radius: 8px;
+    border-radius: px2rpx(8);
     overflow: hidden;
 
     .el-dialog__header {
-        padding: 18px 24px 8px;
+        padding: px2rpx(18) px2rpx(20) px2rpx(8);
     }
 
     .el-dialog__title {
-        font-size: 16px;
+        font-size: px2rpx(16);
         font-weight: bold;
         color: #323232;
     }
 
     .el-dialog__body {
-        padding: 4px 28px 8px;
+        padding: px2rpx(4) px2rpx(28) px2rpx(8);
     }
 
     .el-dialog__footer {
-        padding: 8px 24px 22px;
+        padding: px2rpx(8) px2rpx(22);
     }
 }
 </style>