From db8f47b738272a596b69b3c39b92747213078352 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Fri, 30 Aug 2024 09:58:20 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=B5=8B=E8=AF=95=E4=BC=98=E5=8C=96=E4=BF=AE?=
=?UTF-8?q?=E6=94=B9=20sws=202024-08-29?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/model-coupon/index.scss | 45 +++++++++++++++++---------
src/components/model-coupon/index.vue | 2 +-
2 files changed, 31 insertions(+), 16 deletions(-)
diff --git a/src/components/model-coupon/index.scss b/src/components/model-coupon/index.scss
index 672790eb..957dee4c 100644
--- a/src/components/model-coupon/index.scss
+++ b/src/components/model-coupon/index.scss
@@ -277,6 +277,7 @@
width: 14rem;
height: 10rem;
position: relative;
+ background-color: #ff3030;
.top {
width: 100%;
padding: 0.4rem;
@@ -285,6 +286,32 @@
align-items: center;
justify-content: center;
z-index: 1;
+ background-color: #fff;
+ border-radius: 0.6rem;
+ position: relative;
+ overflow: hidden;
+ &::before {
+ content: '';
+ position: absolute;
+ left: -0.7rem;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1.4rem;
+ height: 1.4rem;
+ background-color: #ff531b;
+ border-radius: 50%;
+ }
+ &::after {
+ content: '';
+ position: absolute;
+ right: -0.7rem;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1.4rem;
+ height: 1.4rem;
+ background-color: #ff531b;
+ border-radius: 50%;
+ }
.price {
text-align: center;
position: relative;
@@ -309,27 +336,15 @@
}
}
.bottom {
- width: 4.6rem;
- padding-left: 2rem;
- border-radius: 0.6rem;
- position: absolute;
- top: 0;
- bottom: 0;
- right: 0;
- height: 100%;
- background: linear-gradient(180deg, #ffa273 0%, #ff3030 100%);
+ margin-top: 0.6rem;
text-align: center;
- display: flex;
- align-items: center;
- justify-content: center;
.coupon-btn {
color: #fff;
position: relative;
- font-size: 1.2rem;
+ font-size: 1.6rem;
+ line-height: 2.2rem;
font-weight: 500;
text-align: center;
- writing-mode: vertical-lr;
- letter-spacing: 5px;
}
}
}
diff --git a/src/components/model-coupon/index.vue b/src/components/model-coupon/index.vue
index 806bf9ec..cc9148cc 100644
--- a/src/components/model-coupon/index.vue
+++ b/src/components/model-coupon/index.vue
@@ -106,7 +106,7 @@
满200元使用