Commit d4903372 by 穆启卓

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

parent 569f4545
<template>
<div>
<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-num">x{{rebornNum}}</div>
</div>
......@@ -141,8 +141,8 @@ export default {
.revive-card-container {
position: relative;
.revive-card-btn {
width: 0.8rem;
height: 0.89rem;
width: 1.06rem;
height: 0.9rem;
display: block;
}
.revive-card-tip {
......@@ -154,8 +154,9 @@ export default {
border-radius: 0.02rem;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0.12rem;
right: 1.04rem;
top: 50%;
transform: translateY(-50%);
right: 1.18rem;
&:after {
content: "";
width: 0;
......@@ -179,7 +180,7 @@ export default {
border-radius: 0.26rem;
position: absolute;
top: -0.13rem;
right: -0.1rem;
right: 0.04rem;
}
}
.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>
<div class="sign-up-page">
<!-- 左上角查看步数按钮 -->
<!-- <img class="view-steps-btn" src="@/images/SignUp/sy_bushu.png"> -->
<!-- 右上角复活卡 -->
<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>
<!-- 挑战赛卡片 -->
......@@ -226,19 +226,18 @@ export default {
display: flex;
flex-direction: column;
align-items: center;
.view-steps-btn {
flex-shrink: 0;
width: 1.11rem;
height: 0.84rem;
display: block;
.reborn-container {
position: absolute;
left: 0;
top: 1.22rem;
top: .38rem;
right: .15rem;
}
.reborn-container {
.daka-record {
width: 1.06rem;
height: 0.9rem;
display: block;
position: absolute;
top: .78rem;
right: .28rem;
top: 1.58rem;
right: .15rem;
}
.notice-broadcast {
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