增加基本项目配置

pages/shop/GoodSearch/index.vue

@@ -0,0 +1,77 @@
+<template>
+  <div>
+    <div class="searchGood">
+      <div class="search acea-row row-between-wrapper">
+        <div class="input acea-row row-between-wrapper">
+          <span class="iconfont icon-sousuo2"></span>
+          <!-- <form @submit.prevent="submit"></form> -->
+          <input type="text" placeholder="点击搜索商品" v-model="search" />
+        </div>
+        <div class="bnt" @click="submit">搜索</div>
+      </div>
+      <div v-if="keywords.length">
+        <div class="title">热门搜索</div>
+        <div class="list acea-row">
+          <div
+            class="item"
+            v-for="keywordsKey of keywords"
+            :key="keywordsKey"
+            @click="toSearch(keywordsKey)"
+          >{{ keywordsKey }}</div>
+        </div>
+      </div>
+      <div class="line"></div>
+      <!--      <GoodList></GoodList>-->
+    </div>
+    <!--<div class="noCommodity">-->
+    <!--<div class="noPictrue">-->
+    <!--<img :src="$VUE_APP_RESOURCES_URL+'/images/noSearch.png'" class="image" />-->
+    <!--</div>-->
+    <!--<recommend></recommend>-->
+    <!--</div>-->
+  </div>
+</template>
+<script>
+// import GoodList from "@/components/GoodList";
+import { getSearchKeyword } from "@/api/store";
+import { trim } from "@/utils";
+// import Recommend from "@/components/Recommend";
+export default {
+  name: "GoodSearch",
+  components: {
+    // Recommend,
+    // GoodList
+  },
+  props: {},
+  data: function() {
+    return {
+      keywords: [],
+      search: ""
+    };
+  },
+  mounted: function() {
+    this.getData();
+  },
+  methods: {
+    submit() {
+      const search = trim(this.search) || "";
+      if (!search) return;
+      this.toSearch(search);
+    },
+    toSearch(s) {
+      this.$yrouter.push({ path: "/pages/shop/GoodsList/main", query: { s } });
+    },
+    getData() {
+      getSearchKeyword().then(res => {
+        this.keywords = res.data;
+      });
+    }
+  }
+};
+</script>
+<style >
+
+.noCommodity {
+  border-top: 0.05rem solid #f5f5f5;
+}
+</style>