| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productList\\components\\goodsDetail.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\product\\productList\\components\\goodsDetail.vue","mtime":1761185180165},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBIYXBweVNjcm9sbCB9IGZyb20gJ3Z1ZS1oYXBweS1zY3JvbGwnOw0KaW1wb3J0IHsgcHJvZHVjdEluZm9BcGkgfSBmcm9tICdAL2FwaS9wcm9kdWN0JzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ2dvb2RzX2RldGFpbCcsDQogIHByb3BzOiB7DQogICAgZ29vZHNJZDogew0KICAgICAgdHlwZTogU3RyaW5nIHwgTnVtYmVyLA0KICAgICAgZGVmYXVsdDogJycsDQogICAgfSwNCiAgfSwNCiAgY29tcG9uZW50czogew0KICAgIEhhcHB5U2Nyb2xsLA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB2YWx1ZTI6IDAsDQogICAgICBnb29kc0luZm86IHt9LA0KICAgIH07DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5nZXRJbmZvKCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBnZXRJbmZvKCkgew0KICAgICAgcHJvZHVjdEluZm9BcGkodGhpcy5nb29kc0lkKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5nb29kc0luZm8gPSByZXMuZGF0YTsNCiAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["goodsDetail.vue"],"names":[],"mappings":";AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"goodsDetail.vue","sourceRoot":"src/pages/product/productList/components","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 <el-carousel :autoplay=\"goodsInfo.productInfo.slider_image.length > 1\" v-model=\"value2\" loop arrow=\"never\">\r\n <el-carousel-item v-for=\"(item, index) in goodsInfo.productInfo.slider_image\" :key=\"index\">\r\n <div class=\"demo-carousel\"><img :src=\"item\" alt=\"\" /></div>\r\n </el-carousel-item>\r\n </el-carousel>\r\n </div>\r\n <div class=\"goods_info\">\r\n <div class=\"number-wrapper\">\r\n <div class=\"price\"><span>¥</span>{{ goodsInfo.productInfo.price }}</div>\r\n <div class=\"old-price\" v-if=\"goodsInfo.productInfo.vip_price != '0.00'\">\r\n ¥{{ goodsInfo.productInfo.vip_price }}\r\n </div>\r\n <div v-if=\"goodsInfo.productInfo.vip_price != '0.00'\">\r\n <img src=\"../../../../assets/images/goods_vip.png\" />\r\n </div>\r\n </div>\r\n <div class=\"name\">{{ goodsInfo.productInfo.store_name }}</div>\r\n <div class=\"msg\">\r\n <div class=\"item\">原价:￥{{ goodsInfo.productInfo.ot_price }}</div>\r\n <div class=\"item\">库存:{{ goodsInfo.productInfo.stock }}{{ goodsInfo.productInfo.unit_name }}</div>\r\n <div class=\"item\">\r\n 销量:{{ goodsInfo.productInfo.sales + goodsInfo.productInfo.ficti\r\n }}{{ goodsInfo.productInfo.unit_name }}\r\n </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.productInfo.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 { productInfoApi } from '@/api/product';\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 productInfoApi(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=\"scss\" scoped>\r\n.goods_detail {\r\n .goods_detail_wrapper {\r\n background: url('../../../../assets/images/phonebg.png') no-repeat center top !important;\r\n background-size: 375px 640px !important;\r\n padding: 50px 20px;\r\n z-index: 20;\r\n position: fixed;\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 width: 335px;\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 .demo-carousel {\r\n width: 333px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n }\r\n }\r\n .goods_info {\r\n width: 332px;\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\r\n span {\r\n font-size: 15px;\r\n }\r\n }\r\n .old-price {\r\n font-size: 15px;\r\n margin-left: 10px;\r\n color: #333333;\r\n }\r\n }\r\n .name {\r\n font-size: 16px;\r\n color: #333;\r\n }\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 }\r\n }\r\n }\r\n .con-box {\r\n margin-top: 10px;\r\n padding-bottom: 20px;\r\n background: #f0f2f5;\r\n width: 335px;\r\n .content ::v-deepvideo {\r\n width: 100% !important;\r\n }\r\n }\r\n}\r\n</style>\r\n"]}]}
|
