From c8589be5b492c35843ee5df465f841c07774e74a Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Thu, 9 Jan 2025 17:53:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A0=E9=A1=B5=E9=9D=A2=EF=BC=8C?=
 =?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

---
 pages/index/components/contentlist.vue |   2 +-
 pages/index/search/videoList.vue       | 276 +++++++++++++------------
 2 files changed, 143 insertions(+), 135 deletions(-)

diff --git a/pages/index/components/contentlist.vue b/pages/index/components/contentlist.vue
index f0ed359..b3ea31d 100644
--- a/pages/index/components/contentlist.vue
+++ b/pages/index/components/contentlist.vue
@@ -26,7 +26,7 @@
 
 	function seVideo(item) {
 		uni.navigateTo({
-			url:"pages/video/detail?courseId="+item.courseId+"&courseDetailsId="+item.courseDetailsId
+			url:"/pages/video/detail?courseId="+item.courseId+"&courseDetailsId="+item.courseDetailsId
 		})
 	}
 </script>
diff --git a/pages/index/search/videoList.vue b/pages/index/search/videoList.vue
index 34973b3..02b830c 100644
--- a/pages/index/search/videoList.vue
+++ b/pages/index/search/videoList.vue
@@ -54,166 +54,174 @@
 
 </template>
 <script setup>
-import {
-	reactive,
-	watch
-} from "vue";
-import {
-	onShow, onReachBottom
-} from '@dcloudio/uni-app'
-const props = defineProps({
-	list: {
-		type: Array,
-		default: []
-	},
-})
-let datas = reactive({
-	arrListLeft: [], //左边数据
-	arrListRight: [], //右边数据
-})
-onShow(() => {
-	spliceArrayListr()
-})
-watch(() => props.list, () => {
-	spliceArrayListr()
-})
-function spliceArrayListr() {
-	datas.arrListRight = []
-	datas.arrListLeft = []
-	props.list.map((item, index) => {
-		if (index % 2 === 0) {
-			datas.arrListLeft.push(item)
-		} else {
-			datas.arrListRight.push(item)
-		}
+	import {
+		reactive,
+		watch
+	} from "vue";
+	import {
+		onShow,
+		onReachBottom
+	} from '@dcloudio/uni-app'
+	const props = defineProps({
+		list: {
+			type: Array,
+			default: []
+		},
 	})
-}
+	let datas = reactive({
+		arrListLeft: [], //左边数据
+		arrListRight: [], //右边数据
+	})
+	onShow(() => {
+		spliceArrayListr()
+	})
+	watch(() => props.list, () => {
+		spliceArrayListr()
+	})
+
+	function clickItem(item) {
+		uni.navigateTo({
+			url: "/pages/video/detail?courseId=" + item.courseId + "&courseDetailsId=" + item.courseDetailsId
+		})
+	}
+
+	function spliceArrayListr() {
+		datas.arrListRight = []
+		datas.arrListLeft = []
+		props.list.map((item, index) => {
+			if (index % 2 === 0) {
+				datas.arrListLeft.push(item)
+			} else {
+				datas.arrListRight.push(item)
+			}
+		})
+	}
 </script>
 <style lang="scss">
-.list {
-	width: 100%;
-	height: auto;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	.list-box {
-		width: 686rpx;
-		height: 100%;
+	.list {
+		width: 100%;
+		height: auto;
 		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-	}
+		align-items: center;
+		justify-content: center;
 
-	.list-box-ite {
-		width: calc((100% - 20rpx) / 2);
-		height: auto;
-	}
+		.list-box {
+			width: 686rpx;
+			height: 100%;
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+		}
 
-	.list-box-ite-item {
-		width: 100%;
-		height: auto;
-		margin-bottom: 20rpx;
+		.list-box-ite {
+			width: calc((100% - 20rpx) / 2);
+			height: auto;
+		}
 
-		.list-box-ite-item-img {
+		.list-box-ite-item {
 			width: 100%;
-			border-radius: 24rpx 24rpx 0 0;
-			min-height: 300rpx;
-			position: relative;
+			height: auto;
+			margin-bottom: 20rpx;
 
-			image {
+			.list-box-ite-item-img {
 				width: 100%;
-				min-height: 300rpx;
 				border-radius: 24rpx 24rpx 0 0;
+				min-height: 300rpx;
+				position: relative;
+
+				image {
+					width: 100%;
+					min-height: 300rpx;
+					border-radius: 24rpx 24rpx 0 0;
+				}
+
+				.list-box-ite-item-img-t {
+					position: absolute;
+					bottom: 10rpx;
+					right: 0;
+					max-width: 80%;
+					border-radius: 10rpx;
+					background-color: rgba(51, 51, 51, 0.7);
+					color: #FFFFFF;
+					font-size: 22rpx;
+					padding: 10rpx;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+
+				}
 			}
 
-			.list-box-ite-item-img-t {
-				position: absolute;
-				bottom: 10rpx;
-				right: 0;
-				max-width: 80%;
-				border-radius: 10rpx;
-				background-color: rgba(51, 51, 51, 0.7);
-				color: #FFFFFF;
+			.list-box-ite-item-txt {
+				padding: 10rpx 20rpx;
+				background-color: #ffffff;
+				border-radius: 0 0 24rpx 24rpx;
+			}
+
+			.list-box-ite-item-txt-t {
+				color: #333333;
+				font-size: 30rpx;
+				font-weight: bold;
+			}
+
+			.list-box-ite-item-txt-l {
+				color: #999999;
 				font-size: 22rpx;
-				padding: 10rpx;
-				overflow: hidden;
-				white-space: nowrap;
-				text-overflow: ellipsis;
-
+				margin-top: 10rpx;
 			}
 		}
 
-		.list-box-ite-item-txt {
-			padding: 10rpx 20rpx;
+
+
+
+
+
+
+		.list-box-item {
+			width: calc((100% - 20rpx) / 2);
+			// height: 100%;
+			min-height: 320rpx;
+			border-radius: 24rpx;
 			background-color: #ffffff;
-			border-radius: 0 0 24rpx 24rpx;
+			margin-bottom: 20rpx;
 		}
 
-		.list-box-ite-item-txt-t {
-			color: #333333;
-			font-size: 30rpx;
-			font-weight: bold;
-		}
-
-		.list-box-ite-item-txt-l {
-			color: #999999;
-			font-size: 22rpx;
-			margin-top: 10rpx;
-		}
-	}
-
-
-
-
-
-
-
-	.list-box-item {
-		width: calc((100% - 20rpx) / 2);
-		// height: 100%;
-		min-height: 320rpx;
-		border-radius: 24rpx;
-		background-color: #ffffff;
-		margin-bottom: 20rpx;
-	}
-
-	.list-box-item-img {
-		width: 100%;
-		height: 200rpx;
-		border-radius: 24rpx 24rpx 0 0;
-
-		image {
+		.list-box-item-img {
 			width: 100%;
 			height: 200rpx;
 			border-radius: 24rpx 24rpx 0 0;
+
+			image {
+				width: 100%;
+				height: 200rpx;
+				border-radius: 24rpx 24rpx 0 0;
+			}
+
 		}
 
-	}
+		.list-box-item-txt {
+			width: 100%;
+			// height: 120rpx;
+			padding: 20rpx 0;
+			border-radius: 0 0 24rpx 24rpx;
+		}
 
-	.list-box-item-txt {
-		width: 100%;
-		// height: 120rpx;
-		padding: 20rpx 0;
-		border-radius: 0 0 24rpx 24rpx;
-	}
+		.list-box-item-txt-t {
+			width: 100%;
+			padding: 0 20rpx;
+			color: #333333;
+			font-size: 30rpx;
+			font-weight: bold;
+			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		}
 
-	.list-box-item-txt-t {
-		width: 100%;
-		padding: 0 20rpx;
-		color: #333333;
-		font-size: 30rpx;
-		font-weight: bold;
-		overflow: hidden;
-		white-space: nowrap;
-		text-overflow: ellipsis;
+		.list-box-item-txt-l {
+			color: #999999;
+			font-size: 22rpx;
+			margin-top: 10rpx;
+			padding: 0 20rpx;
+		}
 	}
-
-	.list-box-item-txt-l {
-		color: #999999;
-		font-size: 22rpx;
-		margin-top: 10rpx;
-		padding: 0 20rpx;
-	}
-}
 </style>
\ No newline at end of file