Browse Source

fix:修养样式

dxj
杜贤金 1 year ago
parent
commit
ebeb391bf7
  1. 21
      src/views/task/components/BasicTask/index.vue

21
src/views/task/components/BasicTask/index.vue

@ -265,22 +265,23 @@ function handleInvite() {
text-align: center; text-align: center;
background-color: #ffffff; background-color: #ffffff;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
color: #4670e3; color: #4670e3;
border-top-left-radius: 6px; border-top-left-radius: 6px;
position: relative; position: relative;
z-index: 2; z-index: 2;
border-top-right-radius: 5px;
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
right: -30px; right: -18px;
bottom: 0;
width: 0; width: 0;
height: 0; height: 0;
z-index: 1; z-index: 1;
border-top: 0px solid transparent; border-top: 0px solid transparent;
border-right: 30px solid transparent; border-right: 20px solid transparent;
border-bottom: 50px solid #ffffff; border-bottom: 24px solid white;
} }
} }
.ten { .ten {
@ -327,12 +328,12 @@ function handleInvite() {
cursor: pointer; cursor: pointer;
margin-top: 5px; margin-top: 5px;
width: 100%; width: 100%;
height: 15px; height: 17px;
background: linear-gradient(180deg, #ffb33d 0%, #ff9b00 100%); background: linear-gradient(180deg, #ffb33d 0%, #ff9b00 100%);
border-radius: 12px; border-radius: 12px;
font-size: 12px; font-size: 12px;
color: #ffffff; color: #ffffff;
line-height: 15px; line-height: 17px;
text-align: center; text-align: center;
} }
} }
@ -382,7 +383,7 @@ function handleInvite() {
.earn-list-left { .earn-list-left {
display: flex; display: flex;
align-items: center; align-items: center;
width: 60%; width: 50%;
.name { .name {
font-size: 13px; font-size: 13px;
font-weight: bolder; font-weight: bolder;
@ -405,7 +406,7 @@ function handleInvite() {
} }
} }
.earn-list-right { .earn-list-right {
width: 40%; width: 50%;
.add-dot-box { .add-dot-box {
width: 100%; width: 100%;
@ -426,14 +427,14 @@ function handleInvite() {
padding-left: 3px; padding-left: 3px;
} }
.add-dot-btn { .add-dot-btn {
width: 60px;
border-radius: 16px; border-radius: 16px;
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
letter-spacing: 1px; letter-spacing: 1px;
text-align: center; text-align: center;
padding: 2px 5px; padding: 2px 9px;
&.accomplish { &.accomplish {
background: linear-gradient( background: linear-gradient(
90deg, 90deg,

Loading…
Cancel
Save