UI完善
This commit is contained in:
@@ -138,6 +138,9 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
|
|||||||
>分</text
|
>分</text
|
||||||
>
|
>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="!currentList.length" class="no-data">
|
||||||
|
<text>筹备中...</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="my-rank-data" v-if="myData">
|
<view class="my-rank-data" v-if="myData">
|
||||||
<image src="../static/modal-content-bg.png" mode="widthFix" />
|
<image src="../static/modal-content-bg.png" mode="widthFix" />
|
||||||
@@ -313,4 +316,13 @@ const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"];
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-right: 0 !important;
|
margin-right: 0 !important;
|
||||||
}
|
}
|
||||||
|
.no-data {
|
||||||
|
width: 100%;
|
||||||
|
height: 400px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center !important;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff9;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -274,6 +274,9 @@ const toRankListPage = () => {
|
|||||||
</view>
|
</view>
|
||||||
<text>{{ item.totalScore }}<text>分</text></text>
|
<text>{{ item.totalScore }}<text>分</text></text>
|
||||||
</view>
|
</view>
|
||||||
|
<view v-if="!currentList.length" class="no-data">
|
||||||
|
<text>筹备中...</text>
|
||||||
|
</view>
|
||||||
<view class="see-more" @click="toRankListPage">点击查看更多</view>
|
<view class="see-more" @click="toRankListPage">点击查看更多</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -468,4 +471,12 @@ const toRankListPage = () => {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
.no-data {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
color: #fff9;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user