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;
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,

Loading…
Cancel
Save