From 38d111cb6defedff3bf06314ca30d22a01faae22 Mon Sep 17 00:00:00 2001
From: rk <94314517@qq.com>
Date: 星期一, 09 二月 2026 16:30:36 +0800
Subject: [PATCH] 功能开发
---
mini-program/pages/ranking-list/ranking-list.vue | 69 ++++++++++++++++------------------
1 files changed, 33 insertions(+), 36 deletions(-)
diff --git a/mini-program/pages/ranking-list/ranking-list.vue b/mini-program/pages/ranking-list/ranking-list.vue
index 3e9b448..4df5e43 100644
--- a/mini-program/pages/ranking-list/ranking-list.vue
+++ b/mini-program/pages/ranking-list/ranking-list.vue
@@ -1,16 +1,13 @@
<template>
<view class="box">
<view class="cate">
- <view class="cate-item active">
- 鑾峰绫�
- <view class="cate-item-xian"></view>
- </view>
- <view class="cate-item">甯傚満绫�</view>
- <view class="cate-item">璁捐绫�</view>
- <view class="cate-item">鍩硅绫�</view>
+ <u-tabs :list="list1" :current="current" @click="clickItem" activeStyle="color: #2E68C4; font-weight: 600;" lineColor="#2E68C4"></u-tabs>
</view>
- <view class="content">
- <image class="wu" src="/static/default_noranking@2x.png" mode="widthFix"></image>
+ <view class="content" v-if="list1.length > 0">
+ <view class="content-image" v-if="list1[current].fileList && list1[current].fileList.length > 0">
+ <image :src="item.url" mode="widthFix" v-for="(item, index) in list1[current].fileList" :key="index"></image>
+ </view>
+ <image class="wu" src="/static/default_noranking@2x.png" mode="widthFix" v-else></image>
</view>
</view>
</template>
@@ -19,8 +16,26 @@
export default {
data() {
return {
-
+ list1: [],
+ current: 0
};
+ },
+ onLoad() {
+ this.getAll()
+ },
+ methods: {
+ getAll() {
+ this.$u.api.categoryList({ type: 1, rank: 1 })
+ .then(res => {
+ if (res.code === 200) {
+ res.data.active = false
+ this.list1 = res.data
+ }
+ })
+ },
+ clickItem(e) {
+ this.current = e.index
+ }
}
}
</script>
@@ -38,6 +53,14 @@
display: flex;
align-items: center;
justify-content: center;
+ .content-image {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ image {
+ width: 100%;
+ }
+ }
.wu {
width: 200rpx;
height: 200rpx;
@@ -47,37 +70,11 @@
.cate {
width: 100%;
height: 88rpx;
- display: flex;
- align-items: center;
background: #FFFFFF;
position: sticky;
top: 0;
left: 0;
z-index: 9;
- .active {
- color: #2E68C4 !important;
- }
- .cate-item {
- flex: 1;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-weight: 400;
- font-size: 30rpx;
- color: #666666;
- position: relative;
- .cate-item-xian {
- position: absolute;
- bottom: 0;
- left: 50%;
- transform: translate(-50%, 0);
- width: 40rpx;
- height: 6rpx;
- background: #2E68C4;
- border-radius: 3rpx;
- }
- }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3