{"version":3,"sources":["webpack:///./src/views/PCshop/goods/list.vue?d4f0","webpack:///./src/views/PCshop/goods/list.vue?6e95","webpack:///src/views/PCshop/goods/list.vue","webpack:///./src/views/PCshop/goods/list.vue?e81f","webpack:///./src/views/PCshop/goods/list.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","listnone","on","search","_v","islist","list1","_l","item","index","key","class","ischeck","$event","change","screenlist","_s","name","directives","rawName","value","expression","domProps","target","composing","minPrice","maxPrice","stopPropagation","shaixianmoney","total","togoodsdetail","Id","CoverImg","GoodsName","DefaultPrice","BuyCount","allshoplist","length","pageSize","pageIndex","handleSizeChange","handleCurrentChange","_e","staticStyle","staticRenderFns","components","Topbar","data","shaixuanindex","categoryList","keyWords","ism","minPoints","maxPoints","sortType","sortField","categoryId","type","typename","isselect","created","console","log","$route","query","params","postQeryShopGoodsList","postQeryShopGoodsCategoryList","mounted","methods","sortClick","isEnd","arr","forEach","idx","ismoney","id","$router","push","page","val","component"],"mappings":"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","file":"static/js/chunk-4c08d472.acd57655.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./list.vue?vue&type=style&index=0&id=480e3438&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bgc_f5f5f5\"},[_c('Topbar',{attrs:{\"listnone\":_vm.listnone},on:{\"search\":_vm.search}}),_c('SuS'),_c('div',{staticClass:\"pc-title\"},[_vm._v(\"首页>详情页\")]),_c('TypeList',{attrs:{\"islist\":_vm.islist},on:{\"list1\":_vm.list1}}),_c('div',{staticClass:\"screen\"},[_vm._l((_vm.screenlist),function(item,index){return _c('div',{key:index,class:[item.ischeck ? 'screen-left2' : 'screen-left'],on:{\"click\":function($event){return _vm.change(index, _vm.screenlist)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),_c('div',{staticClass:\"screen-right\"},[_c('div',{staticClass:\"price2\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.minPrice),expression:\"minPrice\"}],staticClass:\"money\",attrs:{\"placeholder\":\"￥\",\"value\":\"minPrice\"},domProps:{\"value\":(_vm.minPrice)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.minPrice=$event.target.value}}}),_c('div',{staticClass:\"line\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.maxPrice),expression:\"maxPrice\"}],staticClass:\"money\",attrs:{\"placeholder\":\"￥\",\"value\":\"maxPrice\"},domProps:{\"value\":(_vm.maxPrice)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.maxPrice=$event.target.value}}}),_c('div',{staticClass:\"queding\",on:{\"click\":function($event){$event.stopPropagation();return _vm.shaixianmoney()}}},[_vm._v(\"确定\")])]),_c('div',{staticClass:\"nums\"},[_vm._v(\"共\"+_vm._s(_vm.total)+\"件商品\")])])],2),_c('div',{staticClass:\"center\"},[_vm._l((_vm.allshoplist),function(item,index){return _c('div',{key:index,staticClass:\"center-item\",on:{\"click\":function($event){return _vm.togoodsdetail(item.Id)}}},[_c('img',{attrs:{\"src\":item.CoverImg,\"alt\":\"\"}}),_c('div',{staticClass:\"center-item-font\"},[_vm._v(\" \"+_vm._s(item.GoodsName)+\" \")]),_c('div',{staticClass:\"center-price\"},[_c('div',{staticClass:\"center-price-money\"},[_vm._v(\"￥\")]),_c('div',{staticClass:\"center-price-price\"},[_vm._v(_vm._s(item.DefaultPrice))]),_c('div',{staticClass:\"center-price-people\"},[_vm._v(_vm._s(item.BuyCount)+\"人付款\")])])])}),(_vm.allshoplist.length > 0)?_c('el-pagination',{attrs:{\"background\":\"\",\"pager-count\":7,\"page-size\":_vm.pageSize,\"current-page\":_vm.pageIndex,\"layout\":\"prev, pager, next, jumper\",\"total\":_vm.total},on:{\"update:currentPage\":function($event){_vm.pageIndex=$event},\"update:current-page\":function($event){_vm.pageIndex=$event},\"size-change\":_vm.handleSizeChange,\"current-change\":_vm.handleCurrentChange}}):_vm._e()],2),(_vm.allshoplist.length <= 0)?_c('div',{staticStyle:{\"margin-bottom\":\"50px\"}},[_c('nocontent',{attrs:{\"name\":\"暂无数据\"}})],1):_vm._e(),_c('Foter')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bgc_f5f5f5\">\r\n    <Topbar @search=\"search\" :listnone=\"listnone\"></Topbar>\r\n    <SuS></SuS>\r\n    <div class=\"pc-title\">首页>详情页</div>\r\n    <!-- 组件位置 -->\r\n    <TypeList :islist=\"islist\" @list1=\"list1\"></TypeList>\r\n    <!-- 筛选 -->\r\n    <div class=\"screen\">\r\n      <div\r\n        :class=\"[item.ischeck ? 'screen-left2' : 'screen-left']\"\r\n        v-for=\"(item, index) in screenlist\"\r\n        :key=\"index\"\r\n        @click=\"change(index, screenlist)\"\r\n      >\r\n        {{ item.name }}\r\n      </div>\r\n      <div class=\"screen-right\">\r\n        <div class=\"price2\">\r\n          <input\r\n            class=\"money\"\r\n            placeholder=\"￥\"\r\n            v-model=\"minPrice\"\r\n            value=\"minPrice\"\r\n          />\r\n          <div class=\"line\"></div>\r\n          <input\r\n            class=\"money\"\r\n            placeholder=\"￥\"\r\n            v-model=\"maxPrice\"\r\n            value=\"maxPrice\"\r\n          />\r\n          <div class=\"queding\" @click.stop=\"shaixianmoney()\">确定</div>\r\n        </div>\r\n        <div class=\"nums\">共{{ total }}件商品</div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"center\">\r\n      <div\r\n        class=\"center-item\"\r\n        v-for=\"(item, index) in allshoplist\"\r\n        :key=\"index\"\r\n        @click=\"togoodsdetail(item.Id)\"\r\n      >\r\n        <img :src=\"item.CoverImg\" alt=\"\" />\r\n        <div class=\"center-item-font\">\r\n          {{ item.GoodsName }}\r\n        </div>\r\n        <div class=\"center-price\">\r\n          <div class=\"center-price-money\">￥</div>\r\n          <div class=\"center-price-price\">{{ item.DefaultPrice }}</div>\r\n          <div class=\"center-price-people\">{{ item.BuyCount }}人付款</div>\r\n        </div>\r\n        <!-- <div class=\"pre\">\r\n          <div class=\"pre-one\">劵</div>\r\n          <div class=\"pre-two\">\r\n            满{{ item.FullMoeny }}减{{ item.CouponMoeny }}\r\n          </div>\r\n        </div> -->\r\n      </div>\r\n      <el-pagination\r\n        v-if=\"allshoplist.length > 0\"\r\n        background\r\n        :pager-count=\"7\"\r\n        :page-size=\"pageSize\"\r\n        :current-page.sync=\"pageIndex\"\r\n        layout=\"prev, pager, next, jumper\"\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        :total=\"total\"\r\n      >\r\n      </el-pagination>\r\n    </div>\r\n    <div v-if=\"allshoplist.length <= 0\" style=\"margin-bottom: 50px\">\r\n      <nocontent name=\"暂无数据\"></nocontent>\r\n    </div>\r\n    <Foter></Foter>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Topbar from '../../PCshop/components/topbar.vue'\r\nimport Foter from '../../PCshop/components/shopfooter.vue'\r\nimport SuS from '../../PCshop/components/suspen.vue' //悬浮\r\nimport TypeList from '../../PCshop/components/typelist.vue'\r\nimport nocontent from \"@/views/shop/components/nocontent\";\r\nimport { qeryShopGoodsList, queryGoodsCategoryTree } from \"@/api/shop\";\r\nexport default {\r\n  components: {\r\n    Topbar, Foter, SuS, TypeList, nocontent\r\n  },\r\n  data () {\r\n    return {\r\n      shaixuanindex: 0,\r\n      islist: true,\r\n      categoryList: [],\r\n      listnone: true,\r\n      keyWords: '',\r\n      total: 0, //商品总数\r\n      ism: false,//弹出价格选择\r\n      minPrice: \"\",//最低价\r\n      maxPrice: \"\",//最高价\r\n      minPoints: \"\",\r\n      maxPoints: \"\",\r\n      sortType: \"asc\",\r\n      sortField: \"Sort\",\r\n      categoryId: 0,\r\n      allshoplist: [],//所有商品列表\r\n      pageIndex: 1,\r\n      pageSize: 15,\r\n      type: [\r\n        {\r\n          name: '分类',\r\n        },\r\n        {\r\n          name: '品牌',\r\n        },\r\n        {\r\n          name: '艺术风格',\r\n        },\r\n        {\r\n          name: '试用场景',\r\n        },\r\n        {\r\n          name: '艺术种类'\r\n        }\r\n      ],\r\n      screenlist: [\r\n        {\r\n          name: '综合',\r\n          ischeck: false\r\n        },\r\n        {\r\n          name: '销量',\r\n          ischeck: false\r\n        },\r\n        {\r\n          name: '价格',\r\n          ischeck: false\r\n        },\r\n      ],\r\n      typename: [\r\n        {\r\n\r\n        }\r\n      ],\r\n      isselect: false,\r\n    }\r\n  },\r\n  created () {\r\n    console.log(this.$route, '')\r\n    this.value = this.$route.query.key\r\n    // this.goodsId = this.$route.query.id;\r\n    this.categoryId = this.$route.params.categoryId\r\n    this.postQeryShopGoodsList();\r\n    this.postQeryShopGoodsCategoryList()\r\n  },\r\n  mounted () {\r\n  },\r\n  methods: {\r\n    //分类列表数据\r\n    async postQeryShopGoodsCategoryList () {\r\n      let parm = {};\r\n      const res = await queryGoodsCategoryTree(parm);\r\n      this.categoryList = res.response.slice(0, 6);\r\n      console.log(this.categoryList, 87879879)\r\n    },\r\n    sortClick (sortField) {\r\n      if (this.sortField != sortField) {\r\n        this.sortType = \"asc\";\r\n      } else {\r\n        if (this.sortType == \"asc\") {\r\n          this.sortType = \"desc\";\r\n        } else if (this.sortType == \"desc\") {\r\n          this.sortType = \"asc\";\r\n        }\r\n      }\r\n      this.sortField = sortField;\r\n      if (this.sortField == \"Sort\") {\r\n        this.sortType = 'asc';\r\n      }\r\n\r\n      this.pageIndex = 1;\r\n      this.allshoplist = [];\r\n      this.isEnd = false;\r\n      this.postQeryShopGoodsList();\r\n    },\r\n    change (idx, arr) {\r\n      // this.isselect = !this.isselect\r\n      // arr = arr.map((item, index) => {\r\n      //   if (idx == index) {\r\n      //     item.ischeck = this.isselect\r\n      //   }\r\n      //   return item\r\n      // })\r\n      arr.forEach((item, index) => {\r\n        if (idx == index) {\r\n          item.ischeck = item.ischeck == true ? false : true\r\n        } else {\r\n          item.ischeck = false\r\n        }\r\n      })\r\n      if (idx == 1) {\r\n        this.sortClick('BuyCount')\r\n      } else if (idx == 0) {\r\n        this.sortClick('Sort')\r\n      } else if (idx == 2) {\r\n        this.sortClick('DefaultPrice')\r\n      }\r\n    },\r\n    ismoney () {\r\n      this.ism = true;\r\n    },\r\n    //金额确定\r\n    shaixianmoney () {\r\n      this.ism = false\r\n      this.postQeryShopGoodsList()\r\n    },\r\n    //   跳转到商品详情页\r\n    togoodsdetail (id) {\r\n      console.log(id)\r\n      this.$router.push({ path: '/PCshop/goods/goodsdetail', query: { id: id } });\r\n      //   {path: '/backend/order', query: {selected: \"2\"}}\r\n    },\r\n    handleSizeChange (val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange (val) {\r\n      console.log(`当前页: ${val}`);\r\n      this.page = val;\r\n      this.postQeryShopGoodsList();\r\n    },\r\n    // topbar传递的搜索数据\r\n    search (data) {\r\n      // console.log(data.length, 9999)\r\n      this.total = data.length\r\n      this.allshoplist = data\r\n    },\r\n    //typelist传递的数据\r\n    list1 (data) {\r\n      // console.log(data, 777)\r\n      this.allshoplist = data\r\n    },\r\n    async postQeryShopGoodsList () {\r\n      let parm = {};\r\n      parm.pageIndex = this.pageIndex;\r\n      parm.pageSize = this.pageSize;\r\n      parm.IsShelf = 1;\r\n      parm.pageIndex = this.pageIndex;\r\n      parm.pageSize = this.pageSize;\r\n      parm.CategoryIds = this.categoryId ? [this.categoryId + ''] : []\r\n      parm.minPrice = this.minPrice;\r\n      parm.maxPrice = this.maxPrice;\r\n      parm.maxPoints = this.maxPoints;\r\n      parm.minPoints = this.minPoints;\r\n      parm.keyWords = this.value;\r\n      parm.sortType = this.sortType;\r\n      parm.sortField = this.sortField;\r\n      const res = await qeryShopGoodsList(parm);\r\n      // console.log(res, 888888888)\r\n      this.total = res.dataCount //总数\r\n      this.goodsRecommendList = res.data;\r\n      this.allshoplist = this.goodsRecommendList\r\n      // console.log(this.allshoplist, 8888)\r\n      this.isLoad = false;\r\n      if (res.data.length == 0) {\r\n        this.isEnd = true;\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.pc-title {\r\n  width: 1100px;\r\n  height: 55px;\r\n  margin: 0 auto;\r\n  line-height: 55px;\r\n  color: #666666;\r\n  font-size: 12px;\r\n}\r\n.typebox {\r\n  width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.typebox-row {\r\n  display: flex;\r\n  .type-title {\r\n    width: 110px;\r\n    height: 36px;\r\n    background: #efefef;\r\n    font-size: 12px;\r\n    color: #999999;\r\n    font-weight: bold;\r\n    padding-top: 10px;\r\n    padding-left: 15px;\r\n    box-sizing: border-box;\r\n    border-bottom: 1px solid #e7e7e7;\r\n  }\r\n  .type-name {\r\n    padding-left: 10px;\r\n    flex: 1;\r\n    background: #ffffff;\r\n    height: 36px;\r\n    display: flex;\r\n    border-bottom: 1px solid #e7e7e7;\r\n    .type-name-font {\r\n      font-size: 12px;\r\n      color: #333333;\r\n      margin-top: 10px;\r\n    }\r\n  }\r\n}\r\n.screen {\r\n  width: 1100px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  background: #ffffff;\r\n  margin-top: 11px;\r\n  border: 1px solid #eaeaea;\r\n  .screen-left {\r\n    cursor: pointer;\r\n    width: 90px;\r\n    height: 40px;\r\n    border-right: 1px solid #eaeaea;\r\n    text-align: center;\r\n    line-height: 38px;\r\n    font-size: 12px;\r\n    color: #333333;\r\n    background-image: url(\"../../../assets/images/typeicon2.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: 80% 52%;\r\n  }\r\n  .screen-left2 {\r\n    cursor: pointer;\r\n    width: 90px;\r\n    height: 40px;\r\n    text-align: center;\r\n    line-height: 38px;\r\n    font-size: 12px;\r\n    color: #e31436;\r\n    border: 1px solid #e1251b;\r\n    background-image: url(\"../../../assets/images/typeicon.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: 80% 52%;\r\n  }\r\n  .screen-right {\r\n    display: flex;\r\n    flex: 1;\r\n    justify-content: space-between;\r\n    .price {\r\n      position: relative;\r\n      display: flex;\r\n      margin-top: 5px;\r\n      margin-left: 20px;\r\n      .money {\r\n        width: 80px;\r\n        height: 29px;\r\n        border: 1px solid #dddddd;\r\n        font-size: 12px;\r\n        color: #999999;\r\n        padding-top: 4px;\r\n        padding-left: 5px;\r\n      }\r\n      .line {\r\n        width: 20px;\r\n        height: 2px;\r\n        margin: 14px 9px 0 9px;\r\n        background: #999999;\r\n      }\r\n    }\r\n    .price2 {\r\n      cursor: pointer;\r\n      border: 1px solid #efefef;\r\n      background: #ffffff;\r\n      display: flex;\r\n      margin-top: 4px;\r\n      margin-left: 20px;\r\n      .money {\r\n        width: 70px;\r\n        height: 30px;\r\n        border: 1px solid #dddddd;\r\n        font-size: 12px;\r\n        color: #999999;\r\n        padding-top: 4px;\r\n        padding-left: 5px;\r\n      }\r\n      .line {\r\n        width: 20px;\r\n        height: 2px;\r\n        margin: 14px 9px 0 9px;\r\n        background: #999999;\r\n      }\r\n      .queding {\r\n        width: 70px;\r\n        height: 30px;\r\n        text-align: center;\r\n        line-height: 30px;\r\n        background: rgb(242, 66, 52);\r\n        color: #ffffff;\r\n        margin-left: 20px;\r\n      }\r\n    }\r\n    .nums {\r\n      margin-right: 20px;\r\n      margin-left: auto;\r\n      margin-top: 7px;\r\n    }\r\n    .jiantou {\r\n      img {\r\n        margin-top: 4px;\r\n        width: 23px;\r\n        height: 28px;\r\n      }\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n.buts {\r\n  width: 74px;\r\n  height: 214px;\r\n  border: 1px solid #e6e6e6;\r\n  background: #ffffff;\r\n  position: fixed;\r\n  top: 25.4%;\r\n  left: 75%;\r\n}\r\n.center {\r\n  width: 1137px;\r\n  display: flex;\r\n  // justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  margin: 0 auto;\r\n  padding-left: 30px;\r\n  .center-item {\r\n    margin-right: 15px;\r\n    margin-top: 20px;\r\n    width: 204px;\r\n    background: #ffffff;\r\n    padding: 28px 27px 20px 27px;\r\n    box-sizing: border-box;\r\n    img {\r\n      width: 150px;\r\n      height: 150px;\r\n    }\r\n    .center-item-font {\r\n      margin-top: 30px;\r\n      width: 168px;\r\n      height: 40px;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      display: -webkit-box;\r\n      -webkit-box-orient: vertical;\r\n      -webkit-line-clamp: 2;\r\n    }\r\n    .center-price {\r\n      display: flex;\r\n      margin-top: 14px;\r\n      // justify-content: space-between;\r\n      .center-price-money {\r\n        color: #f40707;\r\n        font-size: 12px;\r\n        margin-top: 5px;\r\n      }\r\n      .center-price-price {\r\n        color: #f40707;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n      }\r\n      .center-price-people {\r\n        color: #999999;\r\n        margin-top: 5px;\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n\r\n    .pre {\r\n      display: flex;\r\n      .pre-one {\r\n        width: 30px;\r\n        height: 26px;\r\n        border: 1px solid #e1251b;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        text-align: center;\r\n        color: #e1251b;\r\n        line-height: 26px;\r\n      }\r\n      .pre-two {\r\n        width: 78px;\r\n        height: 26px;\r\n        border: 1px solid #e1251b;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        text-align: center;\r\n        color: #e1251b;\r\n        margin-left: 10px;\r\n        line-height: 26px;\r\n      }\r\n    }\r\n  }\r\n}\r\n/deep/.el-pagination {\r\n  width: 100%;\r\n}\r\n.typebox {\r\n  width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n.typebox-row {\r\n  display: flex;\r\n  .type-title {\r\n    width: 110px;\r\n    height: 36px;\r\n    background: #efefef;\r\n    font-size: 12px;\r\n    color: #999999;\r\n    font-weight: bold;\r\n    padding-top: 10px;\r\n    padding-left: 15px;\r\n    box-sizing: border-box;\r\n    border-bottom: 1px solid #e7e7e7;\r\n  }\r\n  .type-name {\r\n    padding-left: 10px;\r\n    flex: 1;\r\n    background: #ffffff;\r\n    height: 36px;\r\n    display: flex;\r\n    border-bottom: 1px solid #e7e7e7;\r\n    .type-name-font {\r\n      display: flex;\r\n      margin-left: 30px;\r\n      font-size: 12px;\r\n\r\n      margin-top: 10px;\r\n      .text2 {\r\n        cursor: pointer;\r\n        color: #333333;\r\n      }\r\n      .text3 {\r\n        cursor: pointer;\r\n        color: red;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./list.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./list.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./list.vue?vue&type=template&id=480e3438&scoped=true&\"\nimport script from \"./list.vue?vue&type=script&lang=js&\"\nexport * from \"./list.vue?vue&type=script&lang=js&\"\nimport style0 from \"./list.vue?vue&type=style&index=0&id=480e3438&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"480e3438\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}