增加基本项目配置

pages/shop/HotNewGoods/index.vue

@@ -0,0 +1,80 @@
+<template>
+  <div class="quality-recommend">
+    <div class="title acea-row row-center-wrapper">
+      <div class="line"></div>
+      <div class="name">
+        <span class="iconfont" :class="icon"></span>{{ name }}
+      </div>
+      <div class="line"></div>
+    </div>
+    <GoodList :good-list="goodsList" :is-sort="false"></GoodList>
+  </div>
+</template>
+<script>
+
+import GoodList from "@/components/GoodList";
+import { getGroomList } from "@/api/store";
+export default {
+  name: "HotNewGoods",
+  components: {
+    GoodList
+  },
+  props: {},
+  data: function() {
+    return {
+      imgUrls: [],
+      goodsList: [],
+      name: "",
+      icon: "",
+      RecommendSwiper: {
+        pagination: {
+          el: ".swiper-pagination",
+          clickable: true
+        },
+        autoplay: {
+          disableOnInteraction: false,
+          delay: 2000
+        },
+        loop: true,
+        speed: 1000,
+        observer: true,
+        observeParents: true
+      }
+    };
+  },
+  mounted: function() {
+    this.titleInfo();
+    this.getIndexGroomList();
+  },
+  methods: {
+    titleInfo: function() {
+      let type = this.$yroute.query.type;
+      if (type === "1") {
+        this.name = "精品推荐";
+        this.icon = "icon-jingpintuijian";
+        // document.title = "精品推荐";
+      } else if (type === "2") {
+        this.name = "热门榜单";
+        this.icon = "icon-remen";
+        document.title = "热门榜单";
+      } else if (type === "3") {
+        this.name = "首发新品";
+        this.icon = "icon-xinpin";
+        // document.title = "首发新品";
+      }
+    },
+    getIndexGroomList: function() {
+      let that = this;
+      let type = this.$yroute.query.type;
+      getGroomList(type)
+        .then(res => {
+          that.imgUrls = res.data.banner;
+          that.goodsList = res.data.list;
+        })
+        .catch(function(res) {
+          this.$dialog.toast({ mes: res.msg });
+        });
+    }
+  }
+};
+</script>