优化首页订单搜索加载状态

src/pages/home/index.vue

@@ -118,7 +118,7 @@
           />
         </div>
       </div>
-      <div class="list-info">
+      <div v-loading="searchLoading" class="list-info">
         <van-list
           v-model="loading"
           :finished="finished"
@@ -193,7 +193,7 @@ import api from "@/server/home";
 import vanList from "vant/lib/list";
 import minePupop from "../../components/minePupop/index.vue";
 import "vant/lib/list/style";
-import { log } from 'console';
+import { log } from "console";
 export default {
   data() {
     return {
@@ -229,6 +229,7 @@ export default {
       goodsCode: "", //美妆核销码
       goodsList: "", //美妆核销信息
       orderKeyWord: "", //订单搜索关键字
+      searchLoading: false, //订单搜索加载
     };
   },
   components: {
@@ -248,7 +249,7 @@ export default {
     // 美妆产品核销
     goodsPickUp() {
       api.goodsPickUp({ code: this.goodsCode }).then((res) => {
-        if(res.code==200){
+        if (res.code == 200) {
           this.goodsList = res.data;
           this.isGoodsPanel = true;
         }
@@ -350,7 +351,10 @@ export default {
           let date = new Date();
           this.date = date.getMonth() + 1 + "月" + date.getDate() + "日";
           // 订单总数
-          this.totalSum = Number(res.data.order_num)+Number(res.data.wait_pay_num)+Number(res.data.cancel_num)
+          this.totalSum =
+            Number(res.data.order_num) +
+            Number(res.data.wait_pay_num) +
+            Number(res.data.cancel_num);
         }
       });
     },
@@ -361,10 +365,11 @@ export default {
       this.loading = true;
       this.finished = false;
       this.page = 1;
-      this.getToday()
+      this.getToday();
     },
     //搜索订单
     searchOrder() {
+      this.searchLoading = true;
       setTimeout(() => {
         api
           .getToday({
@@ -376,6 +381,7 @@ export default {
           .then((res) => {
             if ((res.code = 200)) {
               this.orderList = res.data.list;
+              this.searchLoading = false;
             }
           });
       }, 1000);
@@ -904,4 +910,8 @@ export default {
 .color-3 {
   color: #fc3019 !important;
 }
+// 加载中修改颜色
+/deep/.el-loading-spinner .path {
+  stroke: #fa7d22;
+}
 </style>