{"version":3,"sources":["webpack:///./src/views/personCenter/OrderIndex.vue?fac6","webpack:///src/views/personCenter/OrderIndex.vue","webpack:///./src/views/personCenter/OrderIndex.vue?c7db","webpack:///./src/views/personCenter/OrderIndex.vue","webpack:///./src/views/personCenter/Person.vue?56f6","webpack:///src/views/personCenter/Person.vue","webpack:///./src/views/personCenter/Person.vue?9e57","webpack:///./src/views/personCenter/Person.vue","webpack:///./src/views/personCenter/OrderIndex.vue?f2e4","webpack:///./src/views/personCenter/Person.vue?3e0a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticRenderFns","component","_v","_s","title","_l","item","index","key","class","$route","name","link","attrs","nativeOn","$event","linkTitle"],"mappings":"iKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,WAAW,IAC3IG,EAAkB,G,YCQtB,GACE,WAAF,CACI,OAAJ,eCXmW,I,wBCQ/VC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,kDCnBf,IAAIT,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAAUP,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,KAAKJ,EAAIY,GAAIZ,EAAY,UAAE,SAASa,EAAKC,GAAO,OAAOV,EAAG,cAAc,CAACW,IAAID,EAAME,MAAM,CAAC,OAAUhB,EAAIiB,OAAOC,OAASL,EAAKM,MAAMC,MAAM,CAAC,IAAM,KAAK,GAAK,CAACF,KAAML,EAAKM,OAAOE,SAAS,CAAC,MAAQ,SAASC,GAAQtB,EAAIW,MAAQX,EAAIuB,UAAUT,MAAU,CAACd,EAAIS,GAAGT,EAAIU,GAAGG,EAAKK,YAAW,KAAKd,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,gBAAgB,QACxnBG,EAAkB,GCsBtB,G,wCAAA,CACE,KAAF,SACE,MAAF,CACI,OADJ,SACA,KAAM,IAAN,OACM,KAAN,gCACA,yBACU,EAAV,eACU,EAAV,2BAKE,KAZF,WAaI,MAAJ,CACM,UAAN,EACM,MAAN,GACM,UAAN,CACA,aACA,YACA,YAEM,aAAN,EACM,SAAN,CACA,CACQ,KAAR,aACQ,KAAR,oBAEA,CACQ,KAAR,eACQ,KAAR,aAEA,CACQ,KAAR,aACQ,KAAR,eAKE,QAAF,GAGE,QAzCF,WAyCI,IAAJ,OACI,KAAJ,gCACA,yBACQ,EAAR,eACQ,EAAR,4BCpE+V,I,wBCQ3VC,EAAY,eACd,EACAT,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,6CCnBf,yBAAqf,EAAG,G,kCCAxf,yBAAif,EAAG,G","file":"static/js/chunk-874bc096.a607ae95.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"father\"},[_c('person')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"father\">\n        <person></person>\n    </div>\n</template>\n\n<script>\nimport Person from '@/views/personCenter/Person.vue';\n\nexport default {\n    components: {\n        Person,\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    .father {\n        min-width: 1200px;\n        background: #F9F9F9;\n    }\n</style>\n","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!./OrderIndex.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!./OrderIndex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderIndex.vue?vue&type=template&id=0b0b68cc&scoped=true&\"\nimport script from \"./OrderIndex.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderIndex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrderIndex.vue?vue&type=style&index=0&id=0b0b68cc&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  \"0b0b68cc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container person\"},[_c('div',{staticClass:\"person-head\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"person-footer flex\"},[_c('div',{staticClass:\"person-left\"},[_c('ul',_vm._l((_vm.linkList),function(item,index){return _c('router-link',{key:index,class:{'active': _vm.$route.name === item.link},attrs:{\"tag\":\"li\",\"to\":{name: item.link}},nativeOn:{\"click\":function($event){_vm.title = _vm.linkTitle[index]}}},[_vm._v(_vm._s(item.name))])}),1)]),_c('div',{staticClass:\"person-right flex-1\"},[_c('router-view')],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container person\">\n        <div class=\"person-head\">{{title}}</div>\n        <div class=\"person-footer flex\">\n            <div class=\"person-left\">\n                <ul>\n                    <router-link\n                    @click.native=\"title = linkTitle[index]\"\n                    v-for=\"(item, index) in linkList\"\n                    :key=\"index\"\n                    tag=\"li\"\n                    :class=\"{'active': $route.name === item.link}\"\n                    :to=\"{name: item.link}\">{{ item.name }}</router-link>\n                </ul>\n            </div>\n            <div class=\"person-right flex-1\">\n                <router-view />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Person',\n    watch: {\n        '$route'(to, from) {\n            this.linkList.forEach((item, index) => {\n                if (this.$route.name === item.link) {\n                    this.currentIndex = index;\n                    this.title = this.linkTitle[index];\n                }\n            });\n        },\n    },\n    data() {\n        return {\n            linkIndex: 0,\n            title: '',\n            linkTitle: [\n                'MY ACCOUNT',\n                'MY ORDERS',\n                'FEEDBACK',\n            ],\n            currentIndex: 0,\n            linkList: [\n                {\n                    link: 'PersonInfo',\n                    name: 'Personal details',\n                },\n                {\n                    link: 'PersonOrders',\n                    name: 'My Orders',\n                },\n                {\n                    link: 'PersonBack',\n                    name: 'Feedback',\n                },\n            ],\n        };\n    },\n    methods: {\n\n    },\n    created() {\n        this.linkList.forEach((item, index) => {\n            if (this.$route.name === item.link) {\n                this.currentIndex = index;\n                this.title = this.linkTitle[index];\n            }\n        });\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n    .person {\n        margin-top: 71px;\n        padding-bottom:200px;\n        .person-head {\n            font-family: PingFangSC-Medium;\n            font-size: 40px;\n            color: #292220;\n            letter-spacing: 0;\n            padding: 30px 0 17px;\n        }\n        .person-left {\n            width: 160px;\n            margin-right: 10px;\n            li {\n                cursor: pointer;\n                height: 48px;\n                margin-bottom: 2px;\n                background-color: #fff;\n                text-align: center;\n                line-height: 48px;\n                font-family: PingFangSC-Regular;\n                font-size: 16px;\n                color: #4A4A4A;\n                letter-spacing: 0;\n                transition: all .5s;\n            }\n            li.active {\n                font-family: PingFangSC-Semibold;\n                color: #F75C75;\n            }\n        }\n    }\n</style>\n","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!./Person.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!./Person.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Person.vue?vue&type=template&id=45ace91e&scoped=true&\"\nimport script from \"./Person.vue?vue&type=script&lang=js&\"\nexport * from \"./Person.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Person.vue?vue&type=style&index=0&id=45ace91e&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  \"45ace91e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderIndex.vue?vue&type=style&index=0&id=0b0b68cc&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OrderIndex.vue?vue&type=style&index=0&id=0b0b68cc&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Person.vue?vue&type=style&index=0&id=45ace91e&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Person.vue?vue&type=style&index=0&id=45ace91e&lang=scss&scoped=true&\""],"sourceRoot":""}