From ebeb391bf717bd1d568321874052d903902fb8eb Mon Sep 17 00:00:00 2001 From: "1960116313@qq.com" <1960116313@qq.com> Date: Wed, 24 Jan 2024 18:15:09 +0800 Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E5=85=BB=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/task/components/BasicTask/index.vue | 21 ++++++++++--------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/src/views/task/components/BasicTask/index.vue b/src/views/task/components/BasicTask/index.vue index 67c2e6d..f5d6cb5 100644 --- a/src/views/task/components/BasicTask/index.vue +++ b/src/views/task/components/BasicTask/index.vue @@ -265,22 +265,23 @@ function handleInvite() { text-align: center; background-color: #ffffff; font-size: 12px; - font-weight: 400; color: #4670e3; border-top-left-radius: 6px; position: relative; z-index: 2; + border-top-right-radius: 5px; &::after { content: ''; position: absolute; - right: -30px; + right: -18px; + bottom: 0; width: 0; height: 0; z-index: 1; border-top: 0px solid transparent; - border-right: 30px solid transparent; - border-bottom: 50px solid #ffffff; + border-right: 20px solid transparent; + border-bottom: 24px solid white; } } .ten { @@ -327,12 +328,12 @@ function handleInvite() { cursor: pointer; margin-top: 5px; width: 100%; - height: 15px; + height: 17px; background: linear-gradient(180deg, #ffb33d 0%, #ff9b00 100%); border-radius: 12px; font-size: 12px; color: #ffffff; - line-height: 15px; + line-height: 17px; text-align: center; } } @@ -382,7 +383,7 @@ function handleInvite() { .earn-list-left { display: flex; align-items: center; - width: 60%; + width: 50%; .name { font-size: 13px; font-weight: bolder; @@ -405,7 +406,7 @@ function handleInvite() { } } .earn-list-right { - width: 40%; + width: 50%; .add-dot-box { width: 100%; @@ -426,14 +427,14 @@ function handleInvite() { padding-left: 3px; } .add-dot-btn { + width: 60px; border-radius: 16px; font-size: 12px; - font-weight: 400; line-height: 20px; letter-spacing: 1px; text-align: center; - padding: 2px 5px; + padding: 2px 9px; &.accomplish { background: linear-gradient( 90deg,