From ed5c3232b9f8a23cccd81d2a17dd2672090809d2 Mon Sep 17 00:00:00 2001 From: X1627315083 <1627315083@qq.com> Date: Mon, 1 Dec 2025 10:24:33 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=9F=E4=B8=80selectStyle=E5=92=8Ctoproduct?= =?UTF-8?q?=E6=8C=89=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/css/style.css | 18 ++++++++++++++++++ src/assets/css/style.less | 19 +++++++++++++++++++ src/views/Workshop/product.vue | 11 +---------- src/views/Workshop/selectStyle.vue | 17 +---------------- 4 files changed, 39 insertions(+), 26 deletions(-) diff --git a/src/assets/css/style.css b/src/assets/css/style.css index d3b349a..6d435a6 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -71,3 +71,21 @@ html:root { padding: 0 2rem; min-height: fit-content; } +.general_button { + border-radius: 0.7rem; + border: 3px solid #000; + background-color: #000; + text-align: center; + color: #fff; + font-family: satoshiMedium; +} +.general_button.smail { + font-size: 3.6rem; + width: 24.6rem; + line-height: 6.7rem; +} +.general_button.big { + font-size: 3.8rem; + line-height: 7.4rem; + width: 3.4rem; +} diff --git a/src/assets/css/style.less b/src/assets/css/style.less index 9e08bce..92e7cff 100644 --- a/src/assets/css/style.less +++ b/src/assets/css/style.less @@ -81,4 +81,23 @@ html:root { line-height: 5rem; padding: 0 2rem; min-height: fit-content; +} + +.general_button{ + border-radius: .7rem; + border: 3px solid #000; + background-color: #000; + text-align: center; + color: #fff; + font-family: satoshiMedium; + &.smail{ + font-size: 3.6rem; + width: 24.6rem; + line-height: 6.7rem; + } + &.big{ + font-size: 3.8rem; + line-height: 7.4rem; + width: 3.4rem; + } } \ No newline at end of file diff --git a/src/views/Workshop/product.vue b/src/views/Workshop/product.vue index 7f7b124..7f351a5 100644 --- a/src/views/Workshop/product.vue +++ b/src/views/Workshop/product.vue @@ -151,7 +151,7 @@ const { isLoading } = toRefs(data);
-
Continue
+
@@ -259,19 +259,10 @@ const { isLoading } = toRefs(data); } > .again{ margin-top: 4.4rem; - font-family: satoshiMedium; - line-height: 10.4rem; - color: #fff; - font-size: 4.2rem; display: flex; justify-content: center; > div{ - width: 36rem; - border-radius: 15px; - background-color: #000; - text-align: center; margin-right: 3.9rem; - justify-content: center; &:last-child{ margin-right: 0; } diff --git a/src/views/Workshop/selectStyle.vue b/src/views/Workshop/selectStyle.vue index e526019..54ccabb 100644 --- a/src/views/Workshop/selectStyle.vue +++ b/src/views/Workshop/selectStyle.vue @@ -124,7 +124,7 @@ const { styleList, select } = toRefs(data); @@ -167,10 +167,8 @@ const { styleList, select } = toRefs(data); } .footer { // position: fixed; - width: 100%; bottom: 0; left: 0; - height: 11.2rem; display: flex; align-items: center; justify-content: flex-end; @@ -179,20 +177,7 @@ const { styleList, select } = toRefs(data); position: relative; } > button { - width: 24.6rem; - height: 5.9rem; - border-radius: 0.7rem; - box-sizing: content-box; - border: 0.3rem solid #000; - background-color: #000; - font-family: satoshiBold; - font-weight: 700; - font-size: 3.6rem; - color: #fff; margin-right: 5rem; - &:active { - opacity: 0.7; - } } } \ No newline at end of file