Commit b4664224 by 无尘

fix: 修改签到

parent 7cc49f69
<!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title></title><link href=css/chunk-006266a2.4b8e5a29.css rel=prefetch><link href=css/chunk-41d0cdd7.c57ad67b.css rel=prefetch><link href=css/chunk-4d446ff8.613edf34.css rel=prefetch><link href=css/chunk-6075e5c8.213de925.css rel=prefetch><link href=css/chunk-79d39695.a67484b8.css rel=prefetch><link href=css/chunk-a4644ea6.4c82feb1.css rel=prefetch><link href=js/chunk-006266a2.b6144737.js rel=prefetch><link href=js/chunk-41d0cdd7.8dfa29f5.js rel=prefetch><link href=js/chunk-4d446ff8.c265c444.js rel=prefetch><link href=js/chunk-6075e5c8.ee80ab4c.js rel=prefetch><link href=js/chunk-79d39695.743cf281.js rel=prefetch><link href=js/chunk-a4644ea6.9fadc959.js rel=prefetch><link href=css/app.26b754ca.css rel=preload as=style><link href=js/app.8c7681c0.js rel=preload as=script><link href=js/chunk-vendors.63e5230c.js rel=preload as=script><link href=css/app.26b754ca.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.63e5230c.js></script><script src=js/app.8c7681c0.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel=icon href=favicon.ico><title></title><link href=css/chunk-006266a2.4b8e5a29.css rel=prefetch><link href=css/chunk-41d0cdd7.c57ad67b.css rel=prefetch><link href=css/chunk-4d446ff8.613edf34.css rel=prefetch><link href=css/chunk-6075e5c8.213de925.css rel=prefetch><link href=css/chunk-79d39695.a67484b8.css rel=prefetch><link href=css/chunk-a4644ea6.877b82bf.css rel=prefetch><link href=js/chunk-006266a2.b6144737.js rel=prefetch><link href=js/chunk-41d0cdd7.8dfa29f5.js rel=prefetch><link href=js/chunk-4d446ff8.c265c444.js rel=prefetch><link href=js/chunk-6075e5c8.ee80ab4c.js rel=prefetch><link href=js/chunk-79d39695.743cf281.js rel=prefetch><link href=js/chunk-a4644ea6.89ae57a8.js rel=prefetch><link href=css/app.26b754ca.css rel=preload as=style><link href=js/app.766f4574.js rel=preload as=script><link href=js/chunk-vendors.63e5230c.js rel=preload as=script><link href=css/app.26b754ca.css rel=stylesheet></head><body><div id=app></div><script src=js/chunk-vendors.63e5230c.js></script><script src=js/app.766f4574.js></script></body></html>
\ No newline at end of file \ No newline at end of file
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
</div> </div>
<div class="point-member-info flex flex-column flex-space-between p-l-12"> <div class="point-member-info flex flex-column flex-space-between p-l-12">
<p class="color-fff flex-1 flex flex-align-center"> <p class="color-fff flex-1 flex flex-align-center">
<span class="font-18">Hi </span><span class="font-12 p-l-6"> {{userData.memberName}}</span><span class="font-13 color-000 memeber-level">{{userData.gradeName}}</span> <span class="font-18">Hi </span><span class="font-12 p-l-6 member-name-limit" :alt="userData.memberName"> {{userData.memberName}}</span><span class="font-13 color-000 memeber-level">{{userData.gradeName}}</span>
</p> </p>
<p class="color-fff font-12 flex-1 flex flex-align-center">可用积分:{{userData.credits}}</p> <p class="color-fff font-12 flex-1 flex flex-align-center">可用积分:{{userData.credits}}</p>
</div> </div>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<transition-group name="slide-up-fade"> <transition-group name="slide-up-fade">
<template v-if="!userData.signFlag"> <template v-if="!userData.signFlag">
<p class="font-12 color-cdb794 " key="1">签到</p> <p class="font-12 color-cdb794 " key="1">签到</p>
<p class="font-16 color-cdb794 " key="12">+5 <i class="font_family icon-jifen font-10 color-cdb794"></i></p> <p class="font-16 color-cdb794 " key="12">+10 <i class="font_family icon-jifen font-10 color-cdb794"></i></p>
</template> </template>
</transition-group> </transition-group>
<template v-if="userData.signFlag && userData.flagFade"> <template v-if="userData.signFlag && userData.flagFade">
...@@ -273,7 +273,7 @@ export default { ...@@ -273,7 +273,7 @@ export default {
const fadeTime = setTimeout(() => { const fadeTime = setTimeout(() => {
that.userData.flagFade = true; that.userData.flagFade = true;
clearTimeout(fadeTime); clearTimeout(fadeTime);
}, 1000); }, 400);
}, },
/** /**
...@@ -484,7 +484,12 @@ export default { ...@@ -484,7 +484,12 @@ export default {
width: 100%; width: 100%;
margin-bottom: 36px; margin-bottom: 36px;
.point-member-header_left { .point-member-header_left {
.member-name-limit {
max-width: 86px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.point-member-photo { .point-member-photo {
width: 60px; width: 60px;
height: 60px; height: 60px;
...@@ -505,10 +510,10 @@ export default { ...@@ -505,10 +510,10 @@ export default {
} }
.point-member-header_right { .point-member-header_right {
.slide-up-fade-enter-active { .slide-up-fade-enter-active {
transition: all .3s ease; transition: all .2s ease;
} }
.slide-up-fade-leave-active { .slide-up-fade-leave-active {
transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0); transition: all .4s cubic-bezier(1.0, 0.5, 0.8, 1.0);
} }
.slide-up-fade-leave-to { .slide-up-fade-leave-to {
transform: translateY(-110px); transform: translateY(-110px);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment