1、添加无搜索结果Toast提示

2、搜索历史修改时出现Bug修复 3、搜索历史UI优化

1、添加无搜索结果Toast提示
2、搜索历史修改时出现Bug修复 3、搜索历史UI优化
王强
1 parent d354faed
Showing 2 changed files with 21 additions and 8 deletions
src/components/searchHistory/searchHistory.less
src/pages/search/search.vue
@@ -23,11 +23,11 @@
 				margin-right: 30px;
 				color: #666666;
 				font-size: 26px;
-				width: 150px;
+				width: auto;
 				height: 58px;
 				border-radius: 10px;
 				float: left;
-				&:nth-child(4n) {
+				&:last-child {
 					margin-right: 0;
 				}
 				.text {
@@ -35,7 +35,8 @@
 					justify-content: center;
 					align-items: center;
 					margin: 0 auto;
-					width: 120px;
+					padding: 0 20px;
+					width: auto;
 					height: 58px;
 					white-space: nowrap;
 					text-overflow: ellipsis;
@@ -143,6 +143,9 @@
  
             // 设置标题
             this.$set(this, "title", "搜索");
+
+            // 初始化页面
+            this.initPage();
         },
         methods: {
  
@@ -314,6 +317,20 @@
                     // 解构数据
                     let { data: datas } = res;
  
+                    // 设置全部分类搜索
+                    this.displayPage.value = this.displayPage.status.ALL;
+
+                    // 初始化分页页码为0
+                    this.$set(this.paging, "page", 0);
+
+                    // 无搜索结果提示
+                    if (!datas.goods.length && !datas.shop.length && !datas.foodsShop.length) {
+
+                        // 无搜索结果吐司提示
+                        Toast('未搜索到相关结果');
+                        return false;
+                    }
+
                     /* 获取全局搜索数据 开始 */
  
                     // 设置商品数据
@@ -355,11 +372,6 @@
  
                     /* 获取全局搜索数据 结束 */
  
-                    // 设置全部分类搜索
-                    this.displayPage.value = this.displayPage.status.ALL;
-
-                    // 初始化分页页码为0
-                    this.$set(this.paging, "page", 0);
                 } else if (res.code == 400) {
  
                     // 搜索失败