{"version":3,"sources":["webpack:///./src/api/home.js","webpack:///./src/views/category/components/goods-item.vue?7232","webpack:///./src/views/category/index.vue?2c05","webpack:///./src/views/category/components/goods-item.vue","webpack:///./src/views/category/components/goods-item.vue?2a2f","webpack:///./src/views/category/index.vue","webpack:///./src/views/category/index.vue?8707"],"names":["findBrand","limit","request","findBanner","findNew","findHot","findGoods","findSpecial","alt","class","href","isLink","to","goods","id","picture","name","desc","price","props","type","Object","default","Boolean","render","__scopeId","mode","key","topCategory","auto-play","sliders","style","children","sub","src","subList","path","components","GoodsItem","setup","then","data","value","result","store","route","cate","item","state","category","list","find","params","getSubList","newVal","immediate"],"mappings":"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","file":"js/chunk-6371f6ac.3a79b819.js","sourcesContent":["// 提供首页相关API函数\nimport request from '@/utils/request'\n\n/**\n * 获取品牌\n * @param {Integer} limit - 品牌个数\n * @returns Promise\n */\nexport const findBrand = (limit = 6) => {\n  return request('/home/brand', 'get', { limit })\n}\n\n/**\n * 获取广告区轮播图\n * @returns Promise\n */\nexport const findBanner = () => {\n  return request('/home/banner', 'get')\n}\n\n/**\n * 获取新鲜好物\n * @returns Promise\n */\nexport const findNew = () => {\n  return request('/home/new', 'get')\n}\n\n/**\n * 获取人气推荐\n * @returns Promise\n */\nexport const findHot = () => {\n  return request('/home/hot', 'get')\n}\n\n/**\n * 获取商品板块\n * @returns Promise\n */\nexport const findGoods = () => {\n  return request('/home/goods', 'get')\n}\n\n/**\n * 获取最新专题\n * @returns Promise\n */\nexport const findSpecial = () => {\n  return request('/home/special', 'get')\n}\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./goods-item.vue?vue&type=style&index=0&id=3828c3be&scoped=true&lang=less\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=6b07c3bf&scoped=true&lang=less\"","<template>\n  <RouterLink v-if=\"isLink\" :to=\"`/product/${goods.id}`\" class='goods-item'>\n    <img v-lazy=\"goods.picture\" alt=\"\">\n    <p class=\"name ellipsis\">{{goods.name}}</p>\n    <p class=\"desc ellipsis\">{{goods.desc}}</p>\n    <p class=\"price\">&yen;{{goods.price}}</p>\n  </RouterLink>\n  <a v-else href=\"javascript:;\" class='goods-item'>\n    <img v-lazy=\"goods.picture\" alt=\"\">\n    <p class=\"name ellipsis\">{{goods.name}}</p>\n    <p class=\"desc ellipsis\">{{goods.desc}}</p>\n    <p class=\"price\">&yen;{{goods.price}}</p>\n  </a>\n</template>\n\n<script>\nexport default {\n  name: 'GoodsItem',\n  props: {\n    goods: {\n      type: Object,\n      default: () => ({})\n    },\n    isLink: {\n      type: Boolean,\n      default: true\n    }\n  }\n}\n</script>\n\n<style scoped lang='less'>\n.goods-item {\n  display: block;\n  width: 220px;\n  padding: 20px 30px;\n  text-align: center;\n  .hoverShadow();\n  img {\n    width: 160px;\n    height: 160px;\n  }\n  p {\n    padding-top: 10px;\n  }\n  .name {\n    font-size: 16px;\n  }\n  .desc {\n    color: #999;\n    height: 29px;\n  }\n  .price {\n    color: @priceColor;\n    font-size: 20px;\n  }\n}\n</style>\n","import { render } from \"./goods-item.vue?vue&type=template&id=3828c3be&scoped=true\"\nimport script from \"./goods-item.vue?vue&type=script&lang=js\"\nexport * from \"./goods-item.vue?vue&type=script&lang=js\"\n\nimport \"./goods-item.vue?vue&type=style&index=0&id=3828c3be&scoped=true&lang=less\"\nscript.render = render\nscript.__scopeId = \"data-v-3828c3be\"\n\nexport default script","<template>\n  <div class=\"top-category\">\n    <div class=\"container\">\n      <!-- 面包屑 -->\n      <XtxBread>\n        <XtxBreadItem to=\"/\">首页</XtxBreadItem>\n        <Transition name=\"fade-right\" mode=\"out-in\">\n          <XtxBreadItem :key=\"topCategory.id\">{{topCategory.name}}</XtxBreadItem>\n        </Transition>\n      </XtxBread>\n      <!-- 轮播图 -->\n      <XtxCarousel auto-play :sliders=\"sliders\" style=\"height:500px\" />\n      <!-- 所有二级分类 -->\n      <div class=\"sub-list\">\n        <h3>全部分类</h3>\n        <ul>\n          <li v-for=\"sub in topCategory.children\" :key=\"sub.id\">\n            <RouterLink :to=\"`/category/sub/${sub.id}`\">\n              <img :src=\"sub.picture\" >\n              <p>{{sub.name}}</p>\n            </RouterLink>\n          </li>\n        </ul>\n      </div>\n      <!-- 各个分类推荐商品 -->\n      <div class=\"ref-goods\" v-for=\"sub in subList\" :key=\"sub.id\">\n        <div class=\"head\">\n          <h3>- {{sub.name}} -</h3>\n          <p class=\"tag\">温暖柔软，品质之选</p>\n          <XtxMore :path=\"`/category/sub/${sub.id}`\" />\n        </div>\n        <div class=\"body\">\n          <GoodsItem v-for=\"goods in sub.goods\" :key=\"goods.id\" :goods=\"goods\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { computed, ref, watch } from 'vue'\nimport { findBanner } from '@/api/home'\nimport { useStore } from 'vuex'\nimport { useRoute } from 'vue-router'\nimport GoodsItem from './components/goods-item'\nimport { findTopCategory } from '@/api/category'\nexport default {\n  name: 'TopCategory',\n  components: { GoodsItem },\n  setup () {\n    // 轮播图\n    const sliders = ref([])\n    findBanner().then(data => {\n      sliders.value = data.result\n    })\n\n    // 面包屑+所有子分类 ====> vuex\n    const store = useStore()\n    const route = useRoute()\n    const topCategory = computed(() => {\n      let cate = {}\n      // 当前顶级分类 === 根据路由上的ID去vuex中category模块的list中查找\n      const item = store.state.category.list.find(item => {\n        return item.id === route.params.id\n      })\n      // 找到数据赋值\n      if (item) cate = item\n      return cate\n    })\n\n    // 获取各个子类目下推荐商品\n    const subList = ref([])\n    const getSubList = () => {\n      findTopCategory(route.params.id).then(data => {\n        subList.value = data.result.children\n      })\n    }\n    watch(() => route.params.id, (newVal) => {\n      // newVal && getSubList() 加上一个严谨判断，在顶级类名下才发请求\n      if (newVal && `/category/${newVal}` === route.path) getSubList()\n    }, { immediate: true })\n\n    return {\n      sliders,\n      topCategory,\n      subList\n    }\n  }\n}\n</script>\n<style scoped lang=\"less\">\n.top-category {\n  h3 {\n    font-size: 28px;\n    color: #666;\n    font-weight: normal;\n    text-align: center;\n    line-height: 100px;\n  }\n  .sub-list {\n    margin-top: 20px;\n    background-color: #fff;\n    ul {\n      display: flex;\n      padding: 0 32px;\n      flex-wrap: wrap;\n      min-height: 160px;\n      li {\n        width: 168px;\n        height: 160px;\n        a {\n          text-align: center;\n          display: block;\n          font-size: 16px;\n          img {\n            width: 100px;\n            height: 100px;\n          }\n          p {\n            line-height: 40px;\n          }\n          &:hover {\n            color: @xtxColor;\n          }\n        }\n      }\n    }\n  }\n  // 推荐商品\n  .ref-goods {\n    background-color: #fff;\n    margin-top: 20px;\n    position: relative;\n    .head {\n      .xtx-more {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n      }\n      .tag {\n        text-align: center;\n        color: #999;\n        font-size: 20px;\n        position: relative;\n        top: -20px;\n      }\n    }\n    .body {\n      display: flex;\n      justify-content: flex-start;\n      flex-wrap: wrap;\n      padding: 0 65px 30px;\n    }\n  }\n}\n</style>\n","import { render } from \"./index.vue?vue&type=template&id=6b07c3bf&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=6b07c3bf&scoped=true&lang=less\"\nscript.render = render\nscript.__scopeId = \"data-v-6b07c3bf\"\n\nexport default script"],"sourceRoot":""}