a1300399510@qq.com 提交于 2023/03/30 -11:40:02

src/router/index.js

@@ -54,7 +54,7 @@ const routes = [
 			
 		]
 	}, {
-		path: '/searchResult',   // 首页
+		path: '/searchResult',   // 搜索结果
 		name: 'search',
 		redirect: "/searchResult",
 		component: search,

src/views/search/searchResult/SearchResult.vue

@@ -7,7 +7,8 @@
 				<input class="search-input-input flex1" placeholder="请输入搜索关键词" />
 				<img class="search-input-cross" src="@/assets/img/icon/clear.png">
 			</div>
-			<div class="search-input-cancel">取消</div>
+
+			<div class="search-input-cancel" @click.stop="handCancel">取消</div>
 		</div>
 
 		<!-- 结果数量 -->
@@ -78,6 +79,18 @@ export default {
 	components: {
 
 	},
+
+	methods: {
+		// 处理点击取消的返回上一页
+		handCancel() {
+			// console.log("this.$router",this.$route.params.page > 214);
+			this.$router.go(-1)
+			// console.log(this.$router.params.page, "this.$route.params.page");
+			// if (this.$route.params.page > 1) this.$router.go(-1)
+			// else this.$router.push('/recommend')
+
+		},
+	},
 }
 </script>
 
@@ -242,7 +255,13 @@ export default {
 
 		::v-deep {
 			.el-pagination.is-background .el-pager li:not(.disabled).active {
-				background: red;
+				background: rgba(98, 177, 255, 1);
+				border-radius: 50%;
+			}
+
+			.el-pagination .btn-next .el-icon,
+			.el-pagination .btn-prev .el-icon {
+				font-size: .4rem;
 			}
 		}
 	}