Commit d4903372 by 穆启卓

复活卡小调+首页加参赛记录入口+左上角查看步数按钮删除

parent 569f4545
<template> <template>
<div> <div>
<div class="revive-card-container"> <div class="revive-card-container">
<img class="revive-card-btn" src="../images/SignUp/revive_card.png" @click="changeRebornShow()"> <img class="revive-card-btn" src="@/images/SignUp/revive_card.png" @click="changeRebornShow()">
<div class="revive-card-tip">参加并邀请好友可获得复活卡一张</div> <div class="revive-card-tip">参加并邀请好友可获得复活卡一张</div>
<div class="revive-card-num">x{{rebornNum}}</div> <div class="revive-card-num">x{{rebornNum}}</div>
</div> </div>
...@@ -141,8 +141,8 @@ export default { ...@@ -141,8 +141,8 @@ export default {
.revive-card-container { .revive-card-container {
position: relative; position: relative;
.revive-card-btn { .revive-card-btn {
width: 0.8rem; width: 1.06rem;
height: 0.89rem; height: 0.9rem;
display: block; display: block;
} }
.revive-card-tip { .revive-card-tip {
...@@ -154,8 +154,9 @@ export default { ...@@ -154,8 +154,9 @@ export default {
border-radius: 0.02rem; border-radius: 0.02rem;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
position: absolute; position: absolute;
top: 0.12rem; top: 50%;
right: 1.04rem; transform: translateY(-50%);
right: 1.18rem;
&:after { &:after {
content: ""; content: "";
width: 0; width: 0;
...@@ -179,7 +180,7 @@ export default { ...@@ -179,7 +180,7 @@ export default {
border-radius: 0.26rem; border-radius: 0.26rem;
position: absolute; position: absolute;
top: -0.13rem; top: -0.13rem;
right: -0.1rem; right: 0.04rem;
} }
} }
.Reborn-component { .Reborn-component {
......
src/images/SignUp/revive_card.png

2.74 KB | W: | H:

src/images/SignUp/revive_card.png

2.58 KB | W: | H:

src/images/SignUp/revive_card.png
src/images/SignUp/revive_card.png
src/images/SignUp/revive_card.png
src/images/SignUp/revive_card.png
  • 2-up
  • Swipe
  • Onion skin
<template> <template>
<div class="sign-up-page"> <div class="sign-up-page">
<!-- 左上角查看步数按钮 -->
<!-- <img class="view-steps-btn" src="@/images/SignUp/sy_bushu.png"> -->
<!-- 右上角复活卡 --> <!-- 右上角复活卡 -->
<Reborn class="reborn-container"></Reborn> <Reborn class="reborn-container"></Reborn>
<!-- 右上角打卡记录 -->
<img class="daka-record" src="@/images/SignUp/ic_record.png" @click="$router.push({ name: 'Record' })">
<!-- 信息广播 --> <!-- 信息广播 -->
<NoticeBonus class="notice-broadcast"></NoticeBonus> <NoticeBonus class="notice-broadcast"></NoticeBonus>
<!-- 挑战赛卡片 --> <!-- 挑战赛卡片 -->
...@@ -226,19 +226,18 @@ export default { ...@@ -226,19 +226,18 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.view-steps-btn { .reborn-container {
flex-shrink: 0;
width: 1.11rem;
height: 0.84rem;
display: block;
position: absolute; position: absolute;
left: 0; top: .38rem;
top: 1.22rem; right: .15rem;
} }
.reborn-container { .daka-record {
width: 1.06rem;
height: 0.9rem;
display: block;
position: absolute; position: absolute;
top: .78rem; top: 1.58rem;
right: .28rem; right: .15rem;
} }
.notice-broadcast { .notice-broadcast {
flex-shrink: 0; flex-shrink: 0;
......
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