适配小屏

2024-03-07 09:47:25 +08:00
parent b550cf3fd8
commit 396d237710
8 changed files with 73 additions and 87 deletions
--- a/src/components/skuModal.vue
+++ b/src/components/skuModal.vue
@@ -176,34 +176,20 @@ defineExpose({

 .row {
    border-bottom: 1px solid #ececec;
-    margin-top: 20px;
+    margin-top: var(--el-font-size-base);

    .title {
-        font-size: 20px;
+        font-size: var(--el-font-size-base);
    }

    .sku_wrap {
        display: flex;
        padding: 14px 0;
-
-        .item {
-            color: var(--primary-color);
-            padding: 8px 16px;
-            font-size: 18px;
-            border: 1px solid var(--primary-color);
-            margin-right: 14px;
-            border-radius: 2px;
-
-            &.active {
-                background-color: var(--primary-color);
-                color: #fff;
-            }
-        }
    }
 }

 .footer {
-    padding-top: 100px;
+    padding-top: 30px;

    .info {
        height: 50px;