提交 5a618f91 编写于 作者: huangwensu's avatar huangwensu

页面箭头样式调整

上级 2e5789e7
...@@ -24,11 +24,12 @@ ...@@ -24,11 +24,12 @@
<div v-if="userMobile" class="text"> <div v-if="userMobile" class="text">
<img :src="myAvatarl" /> <img :src="myAvatarl" />
<span class="tc">我的勤奋分<span>{{myScore}}</span></span> <span class="tc">我的勤奋分<span>{{myScore}}</span></span>
<span class="bt" @click="selfInfo" v-bp="{ component_tag: '360#360002'}">个人明细 ></span> <span class="bt" @click="selfInfo" v-bp="{ component_tag: '360#360002'}">个人明细<img src="../static/images/right_bg.png"/></span>
</div> </div>
<div v-if="!userMobile" class="text"> <div v-if="!userMobile" class="text">
<span class="tc">登录可参加活动</span> <span class="tc">登录可参加活动</span>
<span class="bt" @click="goToLogin">去登录 ></span> <span class="bt" @click="goToLogin">去登录<img src="../static/images/right_bg.png"/></span>
</div> </div>
</div> </div>
<status-bar <status-bar
...@@ -520,6 +521,13 @@ export default { ...@@ -520,6 +521,13 @@ export default {
font-size: 12px; font-size: 12px;
float: right; float: right;
color:#FFE8A5; color:#FFE8A5;
img {
float: right;
width: 10px;
height: 10px;
margin-top: 10px;
margin-left: 3px;
}
} }
} }
} }
......
...@@ -23,19 +23,19 @@ ...@@ -23,19 +23,19 @@
</div> </div>
<div class="rank-detail"> <div class="rank-detail">
<div class="rank-num" v-if="firstScore"> <div class="rank-num" v-if="firstScore">
<span class="dlot"></span> <span class="dlot" v-if="firstScore && lastScore"></span>
<span class="num">前一名:<span class="score">{{firstScore}}</span>勤奋分</span> <span class="num">前一名:<span class="score">{{firstScore}}</span>勤奋分</span>
</div> </div>
<div class="line" v-if="firstScore && lastScore"></div> <div class="line" v-if="firstScore && lastScore"></div>
<div class="rank-num" v-if="lastScore"> <div class="rank-num" v-if="lastScore">
<span class="dlot"></span> <span class="dlot" v-if="firstScore && lastScore"></span>
<span class="num">后一名:<span class="score">{{lastScore}}</span>勤奋分</span> <span class="num">后一名:<span class="score">{{lastScore}}</span>勤奋分</span>
</div> </div>
</div> </div>
</div> </div>
<!-- 排行榜 --> <!-- 排行榜 -->
<div class="main-content"> <div class="main-content">
<div class="description"><span>排行榜</span>排名每5分钟更新1次 最后更新时间 7-15 12:05</div> <div class="description"><span>排行榜</span>排名每5分钟更新1次</div>
<div class="ranking-title"> <div class="ranking-title">
<span>TOP10</span> <span>TOP10</span>
<span class="marginL">用户名称</span> <span class="marginL">用户名称</span>
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<div class="award-container"> <div class="award-container">
<div class="award-title"> <div class="award-title">
<div>排名前10名奖品</div> <div>排名前10名奖品</div>
<span @click="allAward">全部奖品 ></span> <span @click="allAward">全部奖品<img src="../../static/images/right.png"/></span>
</div> </div>
<div class="awards"><img src="../../static/images/all-award.png" /></div> <div class="awards"><img src="../../static/images/all-award.png" /></div>
</div> </div>
...@@ -352,6 +352,11 @@ export default { ...@@ -352,6 +352,11 @@ export default {
span { span {
font-size: 12px; font-size: 12px;
color: #979899; color: #979899;
img {
float: right;
margin-top: 4px;
margin-left: 2px;
}
} }
} }
.awards { .awards {
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册