9.4上午提交

pages_app/ppt/ppt.vue

@@ -22,14 +22,14 @@
 		<!-- 排序和筛选栏 -->
 		<view class="filter-bar">
 			<view class="filter-item" @click="toggleSort">
-				<text class="filter-text">{{sort==0?'最新':'最热'}}</text>
+				<text class="filter-text active">{{sort==0?'最新':'最热'}}</text>
 				<view class="newbox">
 					<up-image  :src="upImg" width="20rpx" height="26rpx" ></up-image>
 				</view>
 			</view>
 			<view class="divider"></view>
 			<view class="filter-item" @click="showFilterPopup">
-				<text class="filter-text">筛选</text>
+				<text class="filter-text" :class="{active:isFilterActive}">筛选</text>
 				<view class="filterbox">
 					<up-image  :src="isFilterActive ? filterOn : filter" width="30rpx" height="30rpx" ></up-image>
 				</view>
@@ -119,6 +119,7 @@
 	import downLoadImg from "@/static/wdxz.png"
 	import api from '@/api/api.js';
 	const isFilterActive=ref(false)
+	const keywords=ref('')
 	const sort = ref(0); // 默认最新排序
 	// 响应式数据
 		const refreshing = ref(false);
@@ -256,7 +257,7 @@
 				page: page.value,
 				sort: sort.value,
 				// 可以根据需要添加其他筛选参数
-				keywords: '',
+				keywords:keywords.value,
 				title: '',
 				// fileType: selectedFileType.value,
 				// sortBy: sortType.value
@@ -355,18 +356,27 @@
 	
 	const toggleTag = (index) => {
 		filterTags.value[index].selected = !filterTags.value[index].selected;
-		isFilterActive.value = filterTags.value.some(tag => tag.selected);
+		//isFilterActive.value = filterTags.value.some(tag => tag.selected);
 	};
 	
 	const resetFilter = () => {
 		filterTags.value.forEach(tag => tag.selected = false);
-		isFilterActive.value = false;
+		//isFilterActive.value = false;
 	};
 	
 	const confirmFilter = () => {
 		const selectedTags = filterTags.value.filter(tag => tag.selected);
 		console.log('选中的筛选标签:', selectedTags);
+		for (var i = 0; i < selectedTags.length; i++) {
+			if(keywords.value){
+				keywords.value+=","+selectedTags[i].DES
+			}else{
+				keywords.value=selectedTags[i].DES 
+			}
+		}
+		isFilterActive.value =true;
 		hideFilterPopup();
+		loadData(true);
 		// 这里可以根据选中的标签进行数据筛选
 	};
 	const fromatPrice=(price)=>{
@@ -496,6 +506,12 @@
 		  .filterbox{
 			  margin-top: 5rpx;
 		  }
+		  .filter-text{
+			  color:#666;
+		  }
+		   .filter-text.active{
+			    color:#8B2316
+		   }
 		}
 	}