排行榜添加排名

vedio/pages/index/index.vue

@@ -18,9 +18,35 @@
 							<view @click="handleTop(item)"
 								style="display:inline-block;background-color:white;border-radius:10rpx;width: 200rpx;margin: 5rpx 10rpx 15rpx 10rpx;">
 								<view style="position: relative;">
-									<image style="border-radius:10rpx; width: 200rpx;height: 260rpx;"
-										:src="item.coverImage" mode="aspectFill"></image>
+									<view style="position: relative;">
+										<view style="position: absolute;z-index: 10;margin-left: 20rpx;">
+											<view style="position: relative;">
+												<view
+													style="position: absolute;z-index: 10;margin-left: 18rpx;margin-top: 10rpx;font-size: 24rpx;color: white;">
+													{{index+1}}
+												</view>
+												<image v-if="index==0"
+													style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
+													src="../../static/index/y43.png"></image>
+												<image v-else-if="index==1"
+													style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
+													src="../../static/index/y42.png"></image>
+												<image v-else-if="index==2"
+													style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
+													src="../../static/index/y41.png"></image>
+												<image v-else
+													style="width: 50rpx;height: 50rpx;display: flex;align-items: right;margin-right: 10rpx;"
+													src="../../static/index/y4.png"></image>
+
+											</view>
+										</view>
+
+										<image style="border-radius:10rpx; width: 200rpx;height: 260rpx;"
+											:src="item.coverImage" mode="aspectFill"></image>
+									</view>
+
 									<view style="position: absolute;bottom: 0;margin-bottom: 15rpx;margin-left: 10rpx;">
+
 										<view style="display: flex;align-items: center;">
 											<image
 												style="width: 20rpx;height: 20rpx;display: flex;align-items: right;margin-right: 10rpx;"
@@ -28,6 +54,7 @@
 											<view style="font-size: 22rpx;color: white;">{{item.showNum}}</view>
 										</view>
 									</view>
+
 								</view>
 								<view style="font-size: 20rpx;margin-top: 10rpx;">{{item.title}}</view>
 								<view style="font-size: 18rpx;margin-top: 10rpx;"
@@ -209,6 +236,7 @@
 
 			},
 			queryList(page, size) {
+				this.show();
 				// 推荐列表
 				this.post({
 					url: '/vedio/list',