| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\kefu\\pc\\components\\goods_detail.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\kefu\\pc\\components\\goods_detail.vue","mtime":1677828270204},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgSGFwcHlTY3JvbGwgfSBmcm9tICd2dWUtaGFwcHktc2Nyb2xsJzsKaW1wb3J0IHsgcHJvZHVjdEluZm8gfSBmcm9tICdAL2FwaS9rZWZ1JzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdnb29kc19kZXRhaWwnLAogIHByb3BzOiB7CiAgICBnb29kc0lkOiB7CiAgICAgIHR5cGU6IFN0cmluZyB8IE51bWJlciwKICAgICAgZGVmYXVsdDogJycKICAgIH0KICB9LAogIGNvbXBvbmVudHM6IHsKICAgIEhhcHB5U2Nyb2xsOiBIYXBweVNjcm9sbAogIH0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMjogMCwKICAgICAgZ29vZHNJbmZvOiB7fQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB0aGlzLmdldEluZm8oKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGdldEluZm86IGZ1bmN0aW9uIGdldEluZm8oKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgICBwcm9kdWN0SW5mbyh0aGlzLmdvb2RzSWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLmdvb2RzSW5mbyA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;EACAA,oBADA;EAEAC;IACAC;MACAC,qBADA;MAEAC;IAFA;EADA,CAFA;EAQAC;IACAC;EADA,CARA;EAWAC,IAXA,kBAWA;IACA;MACAC,SADA;MAEAC;IAFA;EAIA,CAhBA;EAiBAC,OAjBA,qBAiBA;IACA;EACA,CAnBA;EAoBAC;IACAC,OADA,qBACA;MAAA;;MACAC;QACA;MACA,CAFA;IAGA;EALA;AApBA","names":["name","props","goodsId","type","default","components","HappyScroll","data","value2","goodsInfo","mounted","methods","getInfo","productInfo"],"sourceRoot":"src/pages/kefu/pc/components","sources":["goods_detail.vue"],"sourcesContent":["<template>\r\n <div class=\"goods_detail\">\r\n <div class=\"goods_detail_wrapper\" style=\"height: 640px\">\r\n <HappyScroll size=\"5\" resize hide-horizontal>\r\n <div style=\"width: 375px\">\r\n <div class=\"title-box\">商品详情</div>\r\n <div class=\"swiper-box\">\r\n <Carousel autoplay v-model=\"value2\" loop arrow=\"never\">\r\n <CarouselItem v-for=\"(item, index) in goodsInfo.slider_image\" :key=\"index\">\r\n <div class=\"demo-carousel\"><img :src=\"item\" alt=\"\" /></div>\r\n </CarouselItem>\r\n </Carousel>\r\n </div>\r\n <div class=\"goods_info\">\r\n <div class=\"number-wrapper\">\r\n <div class=\"price\"><span>¥</span>{{ goodsInfo.price }}</div>\r\n <div class=\"old-price\">\r\n ¥{{ goodsInfo.vip_price }} <img src=\"@/assets/images/goods_vip.png\" alt=\"\" width=\"28\" />\r\n </div>\r\n </div>\r\n <div class=\"name\">{{ goodsInfo.store_name }}</div>\r\n <div class=\"msg\">\r\n <div class=\"item\">原价:￥{{ goodsInfo.ot_price }}</div>\r\n <div class=\"item\">销量:{{ goodsInfo.sales }}</div>\r\n <div class=\"item\">库存:{{ goodsInfo.stock }}</div>\r\n </div>\r\n </div>\r\n <div class=\"con-box\">\r\n <div class=\"title-box\">商品介绍</div>\r\n <div class=\"content\" v-html=\"goodsInfo.description\"></div>\r\n </div>\r\n </div>\r\n </HappyScroll>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { HappyScroll } from 'vue-happy-scroll';\r\nimport { productInfo } from '@/api/kefu';\r\nexport default {\r\n name: 'goods_detail',\r\n props: {\r\n goodsId: {\r\n type: String | Number,\r\n default: '',\r\n },\r\n },\r\n components: {\r\n HappyScroll,\r\n },\r\n data() {\r\n return {\r\n value2: 0,\r\n goodsInfo: {},\r\n };\r\n },\r\n mounted() {\r\n this.getInfo();\r\n },\r\n methods: {\r\n getInfo() {\r\n productInfo(this.goodsId).then((res) => {\r\n this.goodsInfo = res.data;\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.goods_detail\r\n .goods_detail_wrapper{\r\n z-index 101\r\n position absolute\r\n left 50%\r\n top 50%\r\n transform translate(-50%,-50%)\r\n width 375px\r\n background #F0F2F5\r\n }\r\n .title-box{\r\n height:46px\r\n line-height 46px\r\n background #fff\r\n text-align center\r\n color #333\r\n font-size 16px\r\n }\r\n .swiper-box\r\n height 375px\r\n .demo-carousel\r\n width 375px\r\n height 375px\r\n img\r\n width 100%\r\n height 100%\r\n display block\r\n .goods_info\r\n padding 15px\r\n background #fff\r\n .number-wrapper\r\n display flex\r\n align-items center\r\n .price\r\n color #FF3838\r\n font-size 25px\r\n span\r\n font-size 15px\r\n .old-price\r\n font-size 15px\r\n margin-left 10px\r\n color #333333\r\n .name\r\n font-size 16px\r\n color #333\r\n .msg\r\n display flex\r\n align-items center\r\n justify-content space-between\r\n margin-top 10px\r\n .item\r\n color #999999\r\n font-size 14px\r\n .con-box\r\n margin-top 10px\r\n padding-bottom 20px\r\n .content\r\n width 100%\r\n img\r\n max-width 100%\r\n display block\r\n</style>\r\n"]}]}
|
