From 0cdd737ca512c6aa8fa576d469a6ee9a73a8d3d2 Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Mon, 6 Jan 2025 18:28:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                      | 233 ++++++++++++------------
 api/index/index.js           |  35 ++++
 api/init.js                  |  13 ++
 http/http.js                 |   3 +-
 pages/index/index.vue        | 331 +++++++++++++++++------------------
 pages/index/search/index.vue | 120 +++++++------
 6 files changed, 393 insertions(+), 342 deletions(-)
 create mode 100644 api/index/index.js
 create mode 100644 api/init.js

diff --git a/App.vue b/App.vue
index fc89215..bcb01a2 100644
--- a/App.vue
+++ b/App.vue
@@ -1,124 +1,123 @@
 <script>
-	import http from '@/http/http.js'
-	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-			// const systemInfo = uni.getSystemInfoSync();
-			// const isA = systemInfo.platform === 'android'
-			// if (isA) {
-			// 	uni.setStorageSync('isAI', true)
-			// } else {
-			// 	uni.setStorageSync('isAI', false)
-			// }
+import { init } from '@/api/init.js'
+import http from '@/http/http.js'
+export default {
+	onLaunch: function () {
+		console.log('App Launch')
+		// const systemInfo = uni.getSystemInfoSync();
+		// const isA = systemInfo.platform === 'android'
+		// if (isA) {
+		// 	uni.setStorageSync('isAI', true)
+		// } else {
+		// 	uni.setStorageSync('isAI', false)
+		// }
 
-		},
-		onShow: function() {
-			// ios是否在审核
-			http.request({
-				url: 'app/common/type/919',
-			}).then(res => {
-				if (res.code == 0) {
-					uni.setStorageSync('isExamine', res.data.value)
-				}
-			})
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
+	},
+	onShow: function () {
+		init()
+		// ios是否在审核
+		http.request({
+			url: '/common/type/919',
+		}).then(res => {
+			if (res.code == 0) {
+				uni.setStorageSync('isExamine', res.data.value)
+			}
+		})
+	},
+	onHide: function () {
+		console.log('App Hide')
 	}
+}
 </script>
 
 <style lang="scss">
-	/*每个页面公共css */
-	@import "uview-plus/index.scss";
-	
-	ul,
-	li {
-		list-style: none;
-	}
-	
-	.show {
-		display: none !important;
-	}
-	
-	.hidden {
-		display: block !important;
-	}
-	
-	page,
-	view,
-	scroll-view,
-	swiper,
-	swiper-item,
-	match-media,
-	movable-area,
-	movable-view,
-	cover-view,
-	cover-image,
-	icon,
-	text,
-	rich-text,
-	progress,
-	button,
-	checkbox-group,
-	editor,
-	form,
-	input,
-	label,
-	picker,
-	picker-view,
-	radio-group,
-	slider,
-	switch,
-	textarea,
-	navigator,
-	audio,
-	camera,
-	image,
-	video,
-	live-player,
-	live-pusher,
-	map,
-	canvas,
-	web-view {
-		box-sizing: border-box;
-		padding: 0;
-		margin: 0;
-		text-decoration: none;
-		outline: none;
-	
-	}
-	
-	.initStyle {
-		padding: 20rpx;
-		background-color: #2a2a2a;
-		height: 100vh;
-		color: #fff;
-	}
-	
-	.fc {
-		color: #f4f693;
-	}
-	
-	.inputClass {
-		line-height: 80rpx;
-	}
-	
-	.inputClass input {
-		background-color: #fff;
-		height: 80rpx;
-		padding: 10rpx;
-		color: #000;
-	}
-	
-	.result {
-		position: absolute;
-		font-size: 100rpx;
-		left: 50%;
-		top: 800rpx;
-		transform: translateX(-50%);
-	}
-	 
-	
-	
+/*每个页面公共css */
+@import "uview-plus/index.scss";
+
+ul,
+li {
+	list-style: none;
+}
+
+.show {
+	display: none !important;
+}
+
+.hidden {
+	display: block !important;
+}
+
+page,
+view,
+scroll-view,
+swiper,
+swiper-item,
+match-media,
+movable-area,
+movable-view,
+cover-view,
+cover-image,
+icon,
+text,
+rich-text,
+progress,
+button,
+checkbox-group,
+editor,
+form,
+input,
+label,
+picker,
+picker-view,
+radio-group,
+slider,
+switch,
+textarea,
+navigator,
+audio,
+camera,
+image,
+video,
+live-player,
+live-pusher,
+map,
+canvas,
+web-view {
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+	text-decoration: none;
+	outline: none;
+
+}
+
+.initStyle {
+	padding: 20rpx;
+	background-color: #2a2a2a;
+	height: 100vh;
+	color: #fff;
+}
+
+.fc {
+	color: #f4f693;
+}
+
+.inputClass {
+	line-height: 80rpx;
+}
+
+.inputClass input {
+	background-color: #fff;
+	height: 80rpx;
+	padding: 10rpx;
+	color: #000;
+}
+
+.result {
+	position: absolute;
+	font-size: 100rpx;
+	left: 50%;
+	top: 800rpx;
+	transform: translateX(-50%);
+}
 </style>
\ No newline at end of file
diff --git a/api/index/index.js b/api/index/index.js
new file mode 100644
index 0000000..4d2f84a
--- /dev/null
+++ b/api/index/index.js
@@ -0,0 +1,35 @@
+import http from '@/http/http.js'
+
+//  获取弹窗信息
+export const announcement = (data) => {
+	return http.request({
+		url: '/announcement',
+		data
+	})
+}
+//  获取公告
+export const messageselectMessage = (data) => {
+	return http.request({
+		url: '/message/selectMessage',
+		data: {
+			page: 1,
+			limit: 5,
+			state: 1
+		}
+	})
+}
+//  获取推荐视频
+export const courseselectCourse = (data) => {
+	return http.request({
+		url: '/course/selectCourse',
+		data
+	})
+}
+
+// 搜索	 
+export const selectCourseTitles = (data) => {
+	return http.request({
+		url: '/course/selectCourseTitles',
+		data
+	})
+}
\ No newline at end of file
diff --git a/api/init.js b/api/init.js
new file mode 100644
index 0000000..5a7398f
--- /dev/null
+++ b/api/init.js
@@ -0,0 +1,13 @@
+import http from '@/http/http.js'
+
+export async function init() {
+
+    //热搜词
+    http.request({
+        url: 'common/type/249',
+    }).then(res => {
+        if (res.code == 0) {
+            uni.setStorageSync('moreSearch', res.data.value)
+        }
+    })
+}
\ No newline at end of file
diff --git a/http/http.js b/http/http.js
index 688facf..0e73e6b 100644
--- a/http/http.js
+++ b/http/http.js
@@ -13,8 +13,7 @@ const loadingShowTime = 200
 
 function getHeader() {
 	const headerObject = {}
-	headerObject["token"] = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIyNjkyNSIsImlhdCI6MTczNTg4OTk5NCwiZXhwIjoxNzM2NDk0Nzk0fQ.j-KFEE1FHckmFCO8UA884RBWvpMv8MfEGj7GPGf3kVo6sHeORl043Yle_w7HdTZKPpQqSr2LQLCq_rUxG4qqwA'
-	// headerObject["token"] = uni.getStorageSync('token')
+	headerObject["token"] = uni.getStorageSync('token')
 	return headerObject
 }
 
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 660e22a..42d848e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -10,7 +10,7 @@
 			</view>
 		</view>
 
-		<template v-if="datas.noticeList.length > 0 ">
+		<template v-if="datas.noticeList.length > 0">
 			<view class="gongao">
 				<view class="gongaoicon">
 					公告
@@ -44,7 +44,7 @@
 	<contentlist :list='datas.list'></contentlist>
 	<!-- 	<u-image v-if="isShowMoneyPay" @click="goMsg('/me/VjgyqAzklr/VjgyqAzklr')" :src="`../../static/red-pack-new.gif`"
 		style="width: 200rpx;height: 200rpx;position: fixed;right: 10rpx;bottom: 180rpx;"></u-image> -->
-	<u-modal :show="datas.ruleShow" v-if="datas.isExamine==0" confirm-text="知道了" @confirm='datas.ruleShow=false'
+	<u-modal :show="datas.ruleShow" v-if="datas.isExamine == 0" confirm-text="知道了" @confirm='datas.ruleShow = false'
 		:title="datas.rule_title" :title-style="{ fontWeight: '700' }" confirm-color="rgb(255, 117, 129)">
 		<view class="" style="padding-top: 30rpx;text-align: left;">
 			<scroll-view scroll-y="true" style="max-height: 50vh;">
@@ -55,199 +55,186 @@
 </template>
 
 <script setup>
-	import {
-		reactive
-	} from 'vue';
-	import {
-		onLoad,
-		onReachBottom
-	} from '@dcloudio/uni-app'
-	import contentlist from './components/contentlist.vue'
-	import http from '@/http/http.js'
-	let datas = reactive({
-		noticeList: [], //公告列表
+import {
+	reactive
+} from 'vue';
+import { announcement, messageselectMessage,courseselectCourse } from '@/api/index/index.js'
+import {
+	onLoad,
+	onReachBottom
+} from '@dcloudio/uni-app'
+import contentlist from './components/contentlist.vue'
+import http from '@/http/http.js'
+let datas = reactive({
+	noticeList: [], //公告列表
 
-		active: 1, // 最新、最热。。。切换顶部导航栏
+	active: 1, // 最新、最热。。。切换顶部导航栏
 
-		list: [], // 底部短剧内容
-		page: 1, // 首页推荐分页
+	list: [], // 底部短剧内容
+	page: 1, // 首页推荐分页
 
-		ruleShow: false,
-		rule_title: '', // 首页弹窗标题
-		rule_content: '', // 首页弹窗内容
+	ruleShow: false,
+	rule_title: '', // 首页弹窗标题
+	rule_content: '', // 首页弹窗内容
 
-		//ios是否在审核 1是审核
-		isExamine: uni.getStorageSync('isExamine')
-	})
-	onLoad(() => {
-		getMsg()
-		getrecomVideo()
-		getPop()
-	})
+	//ios是否在审核 1是审核
+	isExamine: uni.getStorageSync('isExamine')
+})
+onLoad(() => {
+	getMsg()
+	getrecomVideo()
+	getPop()
+})
 
-	onReachBottom(() => {
-		++datas.page
-		getrecomVideo()
-	})
+onReachBottom(() => {
+	++datas.page
+	getrecomVideo()
+})
 
-	// 获取弹窗信息
-	function getPop() {
-		http.request({
-			url: 'app/announcement',
-		}).then(res => {
-			if (res.code == 0) {
-				if (res.data && res.data.state == 1) {
-					datas.ruleShow = true
-					datas.rule_title = res.data.title
-					datas.rule_content = res.data.content
-				}
-			} else {
-				uni.showToast({
-					title: res.msg,
-					duration: 1000,
-					icon: 'none'
-				});
-			}
-		})
-	}
-	// 搜索跳转
-	function moreVideo() {
-		uni.navigateTo({
-			url: '/pages/index/search/index'
+// 获取弹窗信息
+async function getPop() {
+	let res = await announcement()
+	if (res.code == 0) {
+		if (res.data && res.data.state == 1) {
+			datas.ruleShow = true
+			datas.rule_title = res.data.title
+			datas.rule_content = res.data.content
+		}
+	} else {
+		uni.showToast({
+			title: res.msg,
+			duration: 1000,
+			icon: 'none'
 		});
 	}
-	// 公告
-	function getMsg() {
-		http.request({
-			url: 'app/message/selectMessage',
-			data: {
-				page: 1,
-				limit: 5,
-				state: 1
-			}
-		}).then(res => {
-			if (res.code == 0) {
-				datas.noticeList = res.data.list
-			} else {
-				uni.showToast({
-					title: res.msg,
-					duration: 1000,
-					icon: 'none'
-				});
-			}
-		})
+}
+// 搜索跳转
+function moreVideo() {
+	uni.navigateTo({
+		url: '/pages/index/search/index'
+	});
+}
+// 公告
+async function getMsg() {
+	let res = await messageselectMessage()
+	if (res.code == 0) {
+		datas.noticeList = res.data.list
+	} else {
+		uni.showToast({
+			title: res.msg,
+			duration: 1000,
+			icon: 'none'
+		});
 	}
-	//获取推荐视频
-	function getrecomVideo(sort, active = 1) {
-		datas.active = active
-		if (sort) {
-			datas.page = 1
+}
+//获取推荐视频
+async function getrecomVideo(sort, active = 1) {
+	datas.active = active
+	if (sort) {
+		datas.page = 1
+	}
+	let res = await courseselectCourse({
+		page: datas.page,
+		limit: 12,
+		sort: sort,
+		classifyId: ''
+	})
+
+	if (res.code == 0) {
+		if (datas.page == 1) {
+			datas.list = res.data.list
+		} else {
+			datas.list = [...datas.list, ...res.data.list]
 		}
-		http.request({
-			url: 'app/course/selectCourse',
-			data: {
-				page: datas.page,
-				limit: 12,
-				sort: sort,
-				classifyId: ''
-			}
-		}).then(res => {
-			if (res.code == 0) {
-				if (datas.page == 1) {
-					datas.list = res.data.list
-				} else {
-					datas.list = [...datas.list, ...res.data.list]
-				}
-			} else {
-				uni.showToast({
-					title: res.msg,
-					duration: 1000,
-					icon: 'none'
-				});
-			}
-		})
+	} else {
+		uni.showToast({
+			title: res.msg,
+			duration: 1000,
+			icon: 'none'
+		});
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.indexStyle {
+.indexStyle {
+	height: 555rpx;
+	position: relative;
+
+	>image {
+		width: 100%;
 		height: 555rpx;
-		position: relative;
-
-		>image {
-			width: 100%;
-			height: 555rpx;
-			position: absolute;
-
-		}
-
-		.indexStyleTwo {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			padding: 88rpx 25rpx;
-
-			>image {
-				width: 187rpx;
-				height: 50rpx;
-			}
-
-			>view {
-				z-index: 50;
-				width: 236rpx;
-				line-height: 43rpx;
-				background: rgba(255, 255, 255, 0.29);
-				border-radius: 7rpx 7rpx 7rpx 7rpx;
-				font-weight: 400;
-				font-size: 21rpx;
-				color: rgba(255, 255, 255, 0.85);
-				display: flex;
-				align-items: center;
-			}
-		}
-
-		.gongao {
-			position: absolute;
-			bottom: 75rpx;
-			left: 70rpx;
-			border-radius: 21rpx 21rpx 21rpx 21rpx;
-			width: 611rpx;
-			height: 78rpx;
-			background-color: rgba(255, 255, 255, .65);
-			display: flex;
-			align-items: center;
-			padding: 12rpx;
-			box-sizing: border-box;
-
-			.gongaoicon {
-				color: #ffffff;
-				width: 98rpx;
-				height: 50rpx;
-				line-height: 50rpx;
-				text-align: center;
-				font-size: 25rpx;
-				background-image: url('../../static/index/gonggaobg.png');
-				background-size: 98rpx 50rpx;
-			}
-
-			.swiperstyle {
-				height: 78rpx;
-				width: 80%;
-			}
-		}
+		position: absolute;
 
 	}
 
-	.navTop {
+	.indexStyleTwo {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: 0 20rpx;
+		padding: 88rpx 25rpx;
+
+		>image {
+			width: 187rpx;
+			height: 50rpx;
+		}
 
 		>view {
-			background-color: #f0f0f0;
-			margin-left: 20rpx;
-			padding: 6rpx 20rpx
+			z-index: 50;
+			width: 236rpx;
+			line-height: 43rpx;
+			background: rgba(255, 255, 255, 0.29);
+			border-radius: 7rpx 7rpx 7rpx 7rpx;
+			font-weight: 400;
+			font-size: 21rpx;
+			color: rgba(255, 255, 255, 0.85);
+			display: flex;
+			align-items: center;
 		}
 	}
+
+	.gongao {
+		position: absolute;
+		bottom: 75rpx;
+		left: 70rpx;
+		border-radius: 21rpx 21rpx 21rpx 21rpx;
+		width: 611rpx;
+		height: 78rpx;
+		background-color: rgba(255, 255, 255, .65);
+		display: flex;
+		align-items: center;
+		padding: 12rpx;
+		box-sizing: border-box;
+
+		.gongaoicon {
+			color: #ffffff;
+			width: 98rpx;
+			height: 50rpx;
+			line-height: 50rpx;
+			text-align: center;
+			font-size: 25rpx;
+			background-image: url('../../static/index/gonggaobg.png');
+			background-size: 98rpx 50rpx;
+		}
+
+		.swiperstyle {
+			height: 78rpx;
+			width: 80%;
+		}
+	}
+
+}
+
+.navTop {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 0 20rpx;
+
+	>view {
+		background-color: #f0f0f0;
+		margin-left: 20rpx;
+		padding: 6rpx 20rpx
+	}
+}
 </style>
\ No newline at end of file
diff --git a/pages/index/search/index.vue b/pages/index/search/index.vue
index 4e01e8b..12816f4 100644
--- a/pages/index/search/index.vue
+++ b/pages/index/search/index.vue
@@ -3,19 +3,20 @@
 		<u-sticky :enable="true">
 			<view class="search-box">
 				<u-search bg-color="#f2f2f2" style="width: 100%;" placeholder="搜索更多资源" :focus="true" :show-action="true"
-					:animation="true" action-text="取消" @custom="goBack()" @search="doSearch(false)"></u-search>
+					:animation="true" action-text="取消" v-model="datas.keyword" @custom="goBack()"
+					@search="doSearch(false)"></u-search>
 			</view>
 		</u-sticky>
 	</view>
 	<view class="search-keyword">
-		<view class="keyword-block" v-if="datas.hotKeywordList.length !=0">
+		<view class="keyword-block" v-if="datas.hotKeywordList.length != 0">
 			<view class="keyword-list-header">
 				<view>热搜</view>
 			</view>
-			<view class="keyword" v-if="forbid==''">
-				<view v-for="(keyword,index) in datas.hotKeywordList" @tap="doSearchs(keyword)" :key="index"
+			<view class="keyword" v-if="forbid == ''">
+				<view v-for="(keyword, index) in datas.hotKeywordList" @tap="doSearchs(keyword)" :key="index"
 					v-if="keyword">
-					{{keyword}}
+					{{ keyword }}
 				</view>
 			</view>
 			<view class="hide-hot-tis" v-else>
@@ -26,59 +27,76 @@
 </template>
 
 <script setup>
-	import {
-		reactive
-	} from 'vue';
-	import {
-		onShow
-	} from '@dcloudio/uni-app'
-	let datas = reactive({
-		hotKeywordList: [], //热搜
-	})
-	onShow(() => {
-		getList()
-	})
+import { selectCourseTitles } from '@/api/index/index.js'
+import {
+	reactive
+} from 'vue';
+import {
+	onShow
+} from '@dcloudio/uni-app'
+let datas = reactive({
+	hotKeywordList: [], //热搜
+	keywordList: [],// 搜索列表
+	keyword: "",// 搜索关键字
+})
+onShow(() => {
+	getList()
+})
 
-	function getList() {
-		if (uni.getStorageSync('moreSearch')) {
-			datas.hotKeywordList = (uni.getStorageSync('moreSearch')).split(',')
-		} else {
-			datas.hotKeywordList = []
-		}
+function getList() {
+	if (uni.getStorageSync('moreSearch')) {
+		datas.hotKeywordList = (uni.getStorageSync('moreSearch')).split(',')
+	} else {
+		datas.hotKeywordList = []
 	}
+}
+// 搜索
+async function doSearch() {
+	let res = await selectCourseTitles({
+		title: datas.keyword,
+		limit: 20,
+		page: 1,
+	})
+	datas.keywordList = res.data.list
+}
+
+// 取消返回首页
+function goBack() {
+	uni.navigateBack()
+}
 </script>
 
 <style scoped lang="scss">
-	.search-box {
-		width: 100%;
-		/* background-color: rgb(242, 242, 242); */
-		padding: 15upx 2.5%;
-		display: flex;
-		justify-content: space-between;
-		// position: sticky;
-		// top: 0;
-		background-color: #ffffff;
-	}
+.search-box {
+	width: 100%;
+	/* background-color: rgb(242, 242, 242); */
+	padding: 15upx 2.5%;
+	display: flex;
+	justify-content: space-between;
+	// position: sticky;
+	// top: 0;
+	background-color: #ffffff;
+}
 
-	.search-keyword {
-		width: 100%;
-	}
+.search-keyword {
+	width: 100%;
+}
 
-	.keyword-block {
-		padding: 10upx 0;
-	}
+.keyword-block {
+	padding: 10upx 0;
+}
 
-	.keyword-block .keyword-list-header {
-		width: 94%;
-		padding: 10upx 3%;
-		font-size: 27upx;
-		color: #333;
-		display: flex;
-		justify-content: space-between;
-	}
+.keyword-block .keyword-list-header {
+	width: 94%;
+	padding: 10upx 3%;
+	font-size: 27upx;
+	color: #333;
+	display: flex;
+	justify-content: space-between;
+}
 
-	.keyword-block .keyword-list-header image {
-		width: 40upx;
-		height: 40upx;
-	}
+.keyword-block .keyword-list-header image {
+	width: 40upx;
+	height: 40upx;
+}
 </style>
\ No newline at end of file