{"version":3,"sources":["webpack:///./src/pages/user/collect.vue","webpack:///src/pages/user/collect.vue","webpack:///./src/pages/user/collect.vue?2e0c","webpack:///./src/pages/user/collect.vue?aef8","webpack:///./src/components/side.vue?7ed2","webpack:///./src/utils/date.js","webpack:///./src/pages/user/collect.vue?10c4","webpack:///./src/components/side.vue","webpack:///src/components/side.vue","webpack:///./src/components/side.vue?e303","webpack:///./src/components/side.vue?e61a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","path","_v","_m","_l","collectList","product","idx","key","id","directives","name","rawName","value","cover","expression","title","_s","desc","price","staticRenderFns","components","Side","mounted","collectProduct","filters","formatCreateTime","time","date","Date","formatDate","data","created","document","methods","axios","get","then","res","list","map","item","pic","min_price","console","log","component","fmt","test","replace","RegExp","$1","getFullYear","substr","length","o","getMonth","getDate","getHours","getMinutes","getSeconds","k","str","padLeftZero","class","$route"],"mappings":"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","file":"js/chunk-45e9180e.88e246fc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-collect\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"crumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(\"我的收藏\")])],1)],1),_c('div',{staticClass:\"user-collect-body\"},[_c('Side'),_c('div',{staticClass:\"user-collect-content\"},[_c('div',{staticClass:\"wrap\"},[_vm._m(0),_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"collect-body\"},[_c('div',{staticClass:\"category-list\"},_vm._l((_vm.collectList),function(product,idx){return _c('div',{key:idx,staticClass:\"shop-item\"},[_c('div',{staticClass:\"item-img\"},[_c('router-link',{attrs:{\"to\":'/product/'+product.id,\"target\":\"_blank\"}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(product.cover),expression:\"product.cover\"}],attrs:{\"alt\":product.title}})])],1),_c('div',{staticClass:\"item-info\"},[_c('router-link',{attrs:{\"to\":'/product/'+product.id,\"target\":\"_blank\"}},[_c('h3',{staticClass:\"title\"},[_vm._v(_vm._s(product.title))])]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(product.desc))]),_c('p',{staticClass:\"price\"},[_vm._v(_vm._s(product.price)+\"元\")])],1)])}),0)])])])],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"collect-title\"},[_c('h1',[_vm._v(\"我的收藏\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-collect\">\n    <div class=\"container\">\n      <div class=\"crumb\">\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\n          <el-breadcrumb-item>我的收藏</el-breadcrumb-item>\n        </el-breadcrumb>\n      </div>\n      <div class=\"user-collect-body\">\n        <Side></Side>\n        <div class=\"user-collect-content\">\n          <div class=\"wrap\">\n            <div class=\"collect-title\">\n              <h1>我的收藏</h1>\n            </div>\n            <div class=\"line\"></div>\n            <div class=\"collect-body\">\n              <div class=\"category-list\">\n                <div class=\"shop-item\" v-for=\"(product,idx) in collectList\" :key=\"idx\">\n                  <!--              <span class=\"flag\">新品</span>-->\n                  <div class=\"item-img\">\n                    <router-link :to=\"'/product/'+product.id\" target=\"_blank\"> <img v-lazy=\"product.cover\" :alt=\"product.title\"></router-link>\n                  </div>\n                  <div class=\"item-info\">\n                    <router-link :to=\"'/product/'+product.id\" target=\"_blank\"><h3 class=\"title\">{{ product.title }}</h3></router-link>\n                    <p class=\"desc\">{{ product.desc }}</p>\n                    <p class=\"price\">{{ product.price }}元</p>\n                  </div>\n                </div>\n\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Side from \"../../components/side\";\nimport {formatDate} from \"../../utils/date\";\n\nexport default {\n  name: \"collect\",\n  components: {\n    Side\n  },\n  mounted() {\n    this.collectProduct();\n  },\n  filters: {\n    formatCreateTime(time) {\n      let date = new Date(time);\n      return formatDate(date, 'yyyy-MM-dd hh:mm:ss')\n    }\n  },\n  data() {\n    return {\n      collectList: []\n    }\n  },\n  created() {\n    document.title = '我的收藏 - JapanHui';\n  },\n  methods: {\n    collectProduct() {\n      this.axios.get('/collect/').then((res) => {\n        this.collectList = res.data.list.map(item => {\n          return {\n            id: item.product.id,\n            title: item.product.title,\n            cover: item.product.pic,\n            // desc: item.product.desc.slice(0, 10),\n            price: item.product.min_price\n          }\n        });\n        console.log(this.collectList)\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.user-collect {\n  background-color: #F5F5F5;\n\n  .crumb {\n    padding: 10px 0;\n    display: flex;\n    align-items: center;\n    height: 30px;\n  }\n\n  .container {\n    width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n\n    .user-collect-body {\n      display: flex;\n      justify-content: space-between;\n\n      .user-collect-content {\n        margin-bottom: 40px;\n        background-color: #FFFFFF;\n        width: 950px;\n\n        .wrap {\n          margin-top: 20px;\n          margin-left: 25px;\n\n          .line {\n            margin-bottom: 20px;\n            border-bottom: 2px solid #F8F8F8;\n          }\n\n          .collect-title {\n            h1 {\n              margin: 0;\n              font-size: 30px;\n              font-weight: 400;\n              line-height: 68px;\n              color: #757575;\n            }\n          }\n\n          .collect-category {\n            margin-bottom: 10px;\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n\n            .checked {\n              color: #ff6600;\n            }\n\n            h3 {\n              margin-left: 30px;\n              font-weight: normal;\n              cursor: pointer;\n              // 注意层级\n              &:first-child {\n                margin-left: 0;\n              }\n            }\n          }\n\n\n          .collect-body {\n\n            ul {\n              li {\n                margin-bottom: 10px;\n\n                .collect-box {\n                  height: 30px;\n                  font-size: 16px;\n\n                  .collect-content {\n                    float: left;\n                    cursor: pointer;\n                  }\n\n                  .collect-datetime {\n                    float: right;\n                    margin-right: 40px;\n                  }\n\n                }\n              }\n            }\n\n            .category-list {\n\n              display: flex;\n              width: 900px;\n              height: 600px;\n              justify-content: space-between;\n              text-align: center;\n              flex-wrap: wrap;\n\n              .shop-item {\n                background-color: #FFFFFF;\n                width: 200px;\n                height: 260px;\n                margin-bottom: 10px;\n\n                .flag {\n                  display: inline-block;\n                  width: 67px;\n                  color: #FFFFFF;\n                  height: 24px;\n                  font-size: 14px;\n                  line-height: 24px;\n                  background-color: aquamarine;\n\n                  &.new-pro {\n                    background-color: aquamarine;\n                  }\n\n                  &.kill-pro {\n                    background-color: #FF6600;\n                  }\n                }\n\n                .item-img {\n                  //padding-top: 10px;\n                  width: 160px;\n                  height: 160px;\n                  margin: 0 auto;\n\n                  img {\n                    width: 100%;\n                    height: 100%;\n                  }\n                }\n\n                .item-info {\n                  .title {\n                    margin-top: 10px;\n                    font-size: 14px;\n                    color: #333;\n                    line-height: 14px;\n                    font-weight: 700;\n                  }\n\n                  .desc {\n                    color: #999;\n                    line-height: 13px;\n                    margin: 10px auto 13px\n                  }\n\n                  .price {\n                    color: #FF6600;\n                    font-size: 14px;\n                    font-weight: 700;\n                  }\n                }\n                &:hover {\n                  -webkit-box-shadow: #ccc 0 10px 10px;\n                  -moz-box-shadow: #ccc 0 10px 10px;\n                  box-shadow: #ccc 0 10px 10px;\n                  transition: all .2s;\n                }\n\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collect.vue?vue&type=template&id=2be22f42&\"\nimport script from \"./collect.vue?vue&type=script&lang=js&\"\nexport * from \"./collect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./collect.vue?vue&type=style&index=0&id=2be22f42&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=style&index=0&id=1c752cf5&prod&lang=scss&\"","// date.js\nexport function formatDate(date, fmt) {\n    if (/(y+)/.test(fmt)) {\n        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));\n    }\n    let o = {\n        'M+': date.getMonth() + 1,\n        'd+': date.getDate(),\n        'h+': date.getHours(),\n        'm+': date.getMinutes(),\n        's+': date.getSeconds()\n    };\n    for (let k in o) {\n        if (new RegExp(`(${k})`).test(fmt)) {\n            let str = o[k] + '';\n            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));\n        }\n    }\n    return fmt;\n}\n\nfunction padLeftZero(str) {\n    return ('00' + str).substr(str.length);\n}\n\nexport function str2Date(dateStr, separator) {\n    if (!separator) {\n        separator = \"-\";\n    }\n    let dateArr = dateStr.split(separator);\n    let year = parseInt(dateArr[0]);\n    let month;\n    //处理月份为04这样的情况\n    if (dateArr[1].indexOf(\"0\") == 0) {\n        month = parseInt(dateArr[1].substring(1));\n    } else {\n        month = parseInt(dateArr[1]);\n    }\n    let day = parseInt(dateArr[2]);\n    let date = new Date(year, month - 1, day);\n    return date;\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collect.vue?vue&type=style&index=0&id=2be22f42&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"user-side\"},[_c('div',{staticClass:\"user-container\"},[_c('div',{staticClass:\"order-center\"},[_c('h3',[_vm._v(\"订单中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/orderList'}},[_c('router-link',{attrs:{\"to\":\"/orderList\"}},[_vm._v(\"我的订单\")])],1),_c('li',{class:{'active': _vm.$route.path === '/service'}},[_c('router-link',{attrs:{\"to\":\"/service\"}},[_vm._v(\"售后列表\")])],1)])]),_c('div',{staticClass:\"user-center\"},[_c('h3',[_vm._v(\"用户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/collect'}},[_c('router-link',{attrs:{\"to\":\"/collect\"}},[_vm._v(\"我的搜藏\")])],1),_c('li',{class:{'active': _vm.$route.path === '/history'}},[_c('router-link',{attrs:{\"to\":\"/history\"}},[_vm._v(\"我的浏览\")])],1)])]),_c('div',{staticClass:\"account-center\"},[_c('h3',[_vm._v(\"账户中心\")]),_c('ul',[_c('li',{class:{'active': _vm.$route.path === '/profile'}},[_c('router-link',{attrs:{\"to\":\"/profile\"}},[_vm._v(\"账户设置\")])],1),_c('li',{class:{'active': _vm.$route.path === '/message'}},[_c('router-link',{attrs:{\"to\":\"/message\"}},[_vm._v(\"消息中心\")])],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"user-side\">\n    <div class=\"user-container\">\n      <div class=\"order-center\">\n        <h3>订单中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/orderList'}\"><router-link to=\"/orderList\">我的订单</router-link></li>\n          <li :class=\"{'active': $route.path === '/service'}\"><router-link to=\"/service\">售后列表</router-link></li>\n          <!--          <li :class=\"{'active': $route.path === '/rate'}\"><router-link to=\"/rate\">评价管理</a></li>-->\n        </ul>\n      </div>\n      <div class=\"user-center\">\n        <h3>用户中心</h3>\n        <ul>\n          <!--                <li :class=\"{'active': $route.path === '/sign'}\"><router-link to=\"/sign\">签到记录</a></li>-->\n          <li :class=\"{'active': $route.path === '/collect'}\"><router-link to=\"/collect\">我的搜藏</router-link></li>\n          <li :class=\"{'active': $route.path === '/history'}\"><router-link to=\"/history\">我的浏览</router-link></li>\n        </ul>\n      </div>\n      <div class=\"account-center\">\n        <h3>账户中心</h3>\n        <ul>\n          <li :class=\"{'active': $route.path === '/profile'}\"><router-link to=\"/profile\">账户设置</router-link></li>\n          <li :class=\"{'active': $route.path === '/message'}\"><router-link to=\"/message\">消息中心</router-link></li>\n        </ul>\n      </div>\n\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"Side\",\n  mounted() {\n  },\n  data() {\n    return {}\n  },\n  methods: {}\n}\n</script>\n\n<style lang=\"scss\">\n.user-side {\n  margin-bottom: 40px;\n\n  .highlight {\n    color: #ff6600;\n  }\n\n  .user-container {\n\n    background-color: #FFFFFF;\n    width: 240px;\n    height: 520px;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    .order-center, .user-center, .service-center, .account-center {\n      margin-left: 50px;\n\n\n      h3 {\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 52px;\n        color: #333;\n        margin: 0;\n        padding: 0\n      }\n\n      ul {\n        .active {\n          a {\n            color: #ff6600;\n          }\n        }\n\n        li {\n          padding: 6px 0;\n\n          a {\n            color: #757575;\n\n          }\n        }\n      }\n\n    }\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./side.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./side.vue?vue&type=template&id=1c752cf5&\"\nimport script from \"./side.vue?vue&type=script&lang=js&\"\nexport * from \"./side.vue?vue&type=script&lang=js&\"\nimport style0 from \"./side.vue?vue&type=style&index=0&id=1c752cf5&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}