From c7a6e554b4be75b44d3f8baea5f8120a0db098d3 Mon Sep 17 00:00:00 2001
From: zpc <zpc1131@gamil.com>
Date: Fri, 7 Mar 2025 14:35:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manifest.json                    |   2 +-
 pages.json                       |  10 +++
 pages/shouye/index.vue           |  13 +++-
 pages/shouye/yaoqing_ranking.vue | 128 +++++++++++++++++++++++++++++++
 4 files changed, 150 insertions(+), 3 deletions(-)
 create mode 100644 pages/shouye/yaoqing_ranking.vue

diff --git a/manifest.json b/manifest.json
index 5d9c9a9..377f67b 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
     "name" : "吧唧一番赏",
-    "appid" : "__UNI__0A3F586",
+    "appid" : "__UNI__46B4383",
     "description" : "",
     "versionName" : "1.0.1",
     "versionCode" : 101,
diff --git a/pages.json b/pages.json
index 4b78b05..8b8a092 100644
--- a/pages.json
+++ b/pages.json
@@ -416,6 +416,16 @@
 			"style": {
 				"navigationBarTitleText": "绑定手机号"
 			}
+		},
+		
+		{
+			"path" : "pages/shouye/yaoqing_ranking",
+			"style" : 
+			{
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"subPackages": [{
diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue
index 36d36db..dd70cfa 100644
--- a/pages/shouye/index.vue
+++ b/pages/shouye/index.vue
@@ -151,10 +151,14 @@
 			<image :src="$img1('image/yaoqing.png')"></image>
 		</view>
 
-		<!-- 排行榜 -->
-		<!-- <view class="group-fixed1" @click="toRanking()">
+<!-- 		排行榜
+		<view class="group-fixed1" @click="toRanking()">
 			<image :src="$img1('image/paihangbang.png')"></image>
 		</view> -->
+		<!-- 排行榜 -->
+		<view class="group-fixed1" @click="toyaoqingRanking()">
+			<image :src="$img1('image/paihangbang.png')"></image>
+		</view>
 
 		<rule-pop ref="rulePop"></rule-pop>
 
@@ -491,6 +495,11 @@
 				uni.navigateTo({
 					url: '/pages/shouye/ranking'
 				});
+			},
+			toyaoqingRanking() {
+				uni.navigateTo({
+					url: '/pages/shouye/yaoqing_ranking'
+				});
 			}
 		}
 	}
diff --git a/pages/shouye/yaoqing_ranking.vue b/pages/shouye/yaoqing_ranking.vue
new file mode 100644
index 0000000..9db6784
--- /dev/null
+++ b/pages/shouye/yaoqing_ranking.vue
@@ -0,0 +1,128 @@
+<template>
+	 
+	<view style="width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: center;">
+
+		<view class="" style="position: relative;width: 100%;">
+			<view class="" style=" width: 100%; height: 457.64rpx; position: absolute;">
+				<swiper class="" style="width: 100%; height: 100%;" :autoplay="true" :indicator-dots="false"
+					:circular="true" :interval="3000">
+					<swiper-item v-for="(v, i) in advert" :key="i" @click="$c.navTo(v)">
+						<image class="yh_bg" :src="v.imgurl" style="width: 100%;height: 100%;"></image>
+					</swiper-item>
+				</swiper>
+			</view>
+			<uni-icons type="left" style="position: absolute; left: 30rpx; z-index: 100;"
+				:style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)" color="#FFFFFF"></uni-icons>
+			<view class="" :style="{top:$sys().statusBarHeight+'px'}"
+				style="position: absolute;width: 100%; position: absolute; font-weight: 400; text-align: center; font-size: 37rpx; color: #FFFFFF;">
+				邀请榜</view>
+		</view>
+		<view
+			style="width: 683rpx; margin-top: 457.64rpx; margin-bottom: 50rpx; display: flex; flex-direction: column; overflow: auto;">
+			<view class="" v-for="(item,index) in list"
+				style="display: flex; flex-direction: row; align-items: center; margin-top:30rpx; border-radius: 14rpx; padding-top: 15rpx; padding-bottom: 15rpx;"
+				:style="{backgroundColor: setBgColor(index)}">
+
+				<view class="" v-if="index == 0 "
+					style="width: 43rpx; height: 47rpx;color: #B8B8B8;text-align:center; margin-left: 32rpx;">
+					<image :src="$img1('/image/1.png')" style="width: 43rpx; height: 47rpx;"></image>
+				</view>
+				<view class="" v-if="index == 1 "
+					style="width: 43rpx; height: 47rpx;color: #B8B8B8;text-align:center; margin-left: 32rpx;">
+					<image :src="$img1('/image/2.png')" style="width: 43rpx; height: 47rpx;"></image>
+				</view>
+				<view class="" v-if="index == 2 "
+					style="width: 43rpx; height: 47rpx;color: #B8B8B8;text-align:center; margin-left: 32rpx;">
+					<image :src="$img1('/image/3.png')" style="width: 43rpx; height: 47rpx;"></image>
+				</view>
+				<view class="" v-if="index > 2 "
+					style="width: 43rpx; height: 47rpx;color: #B8B8B8;text-align:center; margin-left: 32rpx;">
+					{{index+1}}
+				</view>
+
+				<view class="" style="width: 94rpx; height: 94rpx; margin-left: 30rpx;">
+					<image :src="item.headimg" style="width: 94rpx; height: 94rpx; border-radius: 50%;"></image>
+				</view>
+				<view class="" style="display: flex; flex-direction: column; margin-left: 28rpx;flex: 1;">
+					<text style="font-size: 33rpx; color: white;">{{item.nickname}}</text>
+				</view>
+				<view class="" style="width:180rpx;">
+					<span style="color: white; font-size: 33rpx;">{{item.invitenumber}}</span>
+				</view>
+
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			var list;
+			return {
+				advert: [], //轮播图
+				list: [],
+				colors: ['#F8DE61', '#E0E0E0', '#E5967F', '#424145'],
+			}
+		},
+		onLoad() {
+			this.load();
+		},
+		methods: {
+			load() {
+				let that = this
+				that.req({
+					url: 'getAdvert?type_id=4',
+					success(res) {
+						if (res.status == 1) {
+							that.advert = res.data
+						}
+					}
+				})
+				that.req({
+					url: 'user_yaoqing',
+					success(res) {
+						console.log(res);
+						if (res.status == 1) {
+							that.list = res.data
+						}
+					}
+				})
+			},
+
+			setBgColor(index) {
+				if (index == 0) {
+					return this.colors[index];
+				} else if (index == 1) {
+					return this.colors[index];
+				} else if (index == 2) {
+					return this.colors[index];
+				} else {
+					return this.colors[3];
+				}
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.navLeft {
+
+		height: 44px;
+		z-index: 100;
+		display: flex;
+		width: 100%;
+		align-items: center !important;
+
+		>view {
+			width: 100%;
+			// font-family: YouSheBiaoTiHei;
+			position: absolute;
+			font-weight: 400;
+			text-align: center;
+			font-size: 37rpx;
+			color: #FFFFFF;
+		}
+	}
+</style>
\ No newline at end of file