crypto/cebg-activities
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

merge

Browse Source
This commit is contained in:
huangjinming 2022-11-17 15:56:57 +08:00
parent 64f0e025d4
commit adfc66b60d
3 changed files with 37 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/mobile/ListDetails.vue
View File

@ -144,9 +144,9 @@ export default {
.list-content { .list-content {
width: 94%; width: 94%;
margin: 0 auto; margin: 0 auto;
// opacity: 0.6; // opacity: 0.6;
background: #0c0c0c; background: #0c0c0c;
border: 1px solid rgba(208, 163, 110, 0.79); border: 1px solid rgba(208, 163, 110, 0.6);
.list-title { .list-title {
width: 90%; width: 90%;
display: flex; display: flex;
@ -157,7 +157,7 @@ export default {
margin: 0 auto; margin: 0 auto;
margin-top: 1.2vh; margin-top: 1.2vh;
background: #0c0c0c; background: #0c0c0c;
border: 1px solid rgba(208, 163, 110, 0.79); border: 1px solid rgba(208, 163, 110, 0.6);
} }
} }
.rabk { .rabk {
@ -172,7 +172,7 @@ export default {
color: #cfa16c; color: #cfa16c;
} }
.title-img{ .title-img{
width: 90%; width: 72%;
} }
.clan-member { .clan-member {
width: 29vw; width: 29vw;

46
src/views/mobile/RankingList.vue
View File

@ -3,9 +3,9 @@
<div class="content"> <div class="content">
<div class="top"> <div class="top">
<div class="account-btn"> <div class="account-btn">
<div> <div class="icon-content" >
<img <img
class="icon-img" class="icon-img"
src="../../assets/mobile/portrait.png" src="../../assets/mobile/portrait.png"
alt="" alt=""
/> />
@ -14,9 +14,9 @@
<div class="text">{{address}}</div> <div class="text">{{address}}</div>
</div> </div>
<div class="twitter-btn"> <div class="twitter-btn">
<div> <div class="icon-content">
<img <img
class="icon-img" class="icon-img"
src="../../assets/mobile/twitter.png" src="../../assets/mobile/twitter.png"
alt="" alt=""
/> />
@ -25,15 +25,15 @@
<div class="text">@{{twitter}}</div> <div class="text">@{{twitter}}</div>
</div> </div>
<div class="discard-btn"> <div class="discard-btn">
<div> <div class="icon-content" >
<img <img
class="icon-img" class="icon-img"
src="../../assets/mobile/discard.png" src="../../assets/mobile/discard.png"
alt="" alt=""
/> />
<span class="text">{{discord}}</span>
</div> </div>
<div class="text">{{discord}}</div>
</div> </div>
</div> </div>
<div class="switch"> <div class="switch">
@ -333,13 +333,12 @@ export default {
border: 1px solid rgba(208, 163, 110, 0.79); border: 1px solid rgba(208, 163, 110, 0.79);
border-radius: 42px; border-radius: 42px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.text { .text {
width: 70%; width: 60%;
font-size: 0.1vw; font-size: 0.66rem;
font-family: 'OPPOSans'; font-family: 'OPPOSans';
font-weight: normal; font-weight: normal;
color: #d7a972; color: #d7a972;
@ -347,7 +346,16 @@ export default {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.icon-content{
display: flex;
align-items: center;
width: 12%;
// line-height: 1vh;
margin-right: 0.3rem;
img{
width: 100%;
}
}
.icon-img { .icon-img {
width: 4vw; width: 4vw;
} }
@ -526,9 +534,16 @@ export default {
color: #d7a972; color: #d7a972;
} }
.rank { .rank {
width: 13%;
padding-right: 1vw; padding-right: 1vw;
padding-left: 1vw; padding-left: 1vw;
} }
.points{
width: 45%;
}
.clan-member{
width: 29%;
}
.rank-number { .rank-number {
font-size: 1rem; font-size: 1rem;
margin-bottom: 1vh; margin-bottom: 1vh;
@ -606,6 +621,9 @@ export default {
.icon-img { .icon-img {
width: 20px; width: 20px;
} }
.icon-content img {
width: 70%;
}
} }
.footer { .footer {
position: absolute; position: absolute;
@ -617,7 +635,7 @@ export default {
} }
.text { .text {
font-size: 18px; font-size: 18px;
text-align: center; // text-align: center;
} }
.account-btn,.twitter-btn,.discard-btn{ .account-btn,.twitter-btn,.discard-btn{
height: 3.88vw; height: 3.88vw;
@ -633,7 +651,7 @@ export default {
line-height: 4.2vw; line-height: 4.2vw;
} }
.time-circular{ .time-circular{
font-size: 50px; font-size:81px;
} }
.invititaion-code-title{ .invititaion-code-title{
font-size: 36px; font-size: 36px;

2
src/views/mobile/Recommend.vue
View File

@ -113,7 +113,7 @@ export default {
font-family: 'OPPOSans'; font-family: 'OPPOSans';
font-weight: normal; font-weight: normal;
color: #ffffff; color: #ffffff;
// line-height: 42px; line-height: 6vh;
} }
.submit-btn { .submit-btn {
width: 100%; width: 100%;