|
@@ -23,13 +23,13 @@
|
|
<div v-for="(item,index) in 10" :key="index" class="list-title list-item">
|
|
<div v-for="(item,index) in 10" :key="index" class="list-title list-item">
|
|
<div class="title-left">
|
|
<div class="title-left">
|
|
<div class="left-rank">
|
|
<div class="left-rank">
|
|
- <el-avatar v-if="index==0" :size="50" :src="avatarUrl"></el-avatar>
|
|
|
|
- <el-avatar v-else-if="index==1" :size="50" :src="avatarUrl"></el-avatar>
|
|
|
|
- <el-avatar v-else-if="index==2" :size="50" :src="avatarUrl"></el-avatar>
|
|
|
|
|
|
+ <img v-if="index==0" style="width: 35px;" :src="firstIcon"/>
|
|
|
|
+ <img v-else-if="index==1" style="width: 35px;" :src="secondIcon"/>
|
|
|
|
+ <img v-else-if="index==2" style="width: 35px;" :src="thirdIcon"/>
|
|
<div v-else>{{ index+1 }}</div>
|
|
<div v-else>{{ index+1 }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="left-avatar">
|
|
<div class="left-avatar">
|
|
- <el-avatar :size="50" :src="avatarUrl"></el-avatar>
|
|
|
|
|
|
+ <el-avatar :size="35" :src="avatarUrl"></el-avatar>
|
|
</div>
|
|
</div>
|
|
<div class="left-userName item-text">兔子爱吃香蕉皮</div>
|
|
<div class="left-userName item-text">兔子爱吃香蕉皮</div>
|
|
</div>
|
|
</div>
|
|
@@ -55,6 +55,9 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ firstIcon: require('@/assets/image/first.png'),
|
|
|
|
+ secondIcon: require('@/assets/image/second.png'),
|
|
|
|
+ thirdIcon: require('@/assets/image/third.png'),
|
|
avatarUrl:
|
|
avatarUrl:
|
|
"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
|
|
"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
|
|
dataList: [],
|
|
dataList: [],
|