| 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\\kefu\\mobile\\goods\\detail.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\kefu\\mobile\\goods\\detail.vue","mtime":1761185180098},{"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:DQppbXBvcnQgeyBwcm9kdWN0SW5mbyB9IGZyb20gJ0AvYXBpL2tlZnUnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnZ29vZHNfZGV0YWlsJywNCiAgcHJvcHM6IHsNCiAgICBnb29kc0lkOiB7DQogICAgICB0eXBlOiBTdHJpbmcgfCBOdW1iZXIsDQogICAgICBkZWZhdWx0OiAnJywNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICB2YWx1ZTI6IDAsDQogICAgICBnb29kc0luZm86IHt9LA0KICAgICAgZ29vZHNJZDogJycsDQogICAgICBzd2lwZXJPcHRpb246IHsNCiAgICAgICAgLy/mmL7npLrliIbpobUNCiAgICAgICAgcGFnaW5hdGlvbjogew0KICAgICAgICAgIGVsOiAnLnN3aXBlci1wYWdpbmF0aW9uJywNCiAgICAgICAgfSwNCiAgICAgICAgLy/orr7nva7ngrnlh7vnrq3lpLQNCiAgICAgICAgbmF2aWdhdGlvbjogew0KICAgICAgICAgIG5leHRFbDogJy5zd2lwZXItYnV0dG9uLW5leHQnLA0KICAgICAgICAgIHByZXZFbDogJy5zd2lwZXItYnV0dG9uLXByZXYnLA0KICAgICAgICB9LA0KICAgICAgICAvL+iHquWKqOi9ruaSrQ0KICAgICAgICBhdXRvcGxheTogew0KICAgICAgICAgIGRlbGF5OiAyMDAwLA0KICAgICAgICAgIC8v5b2T55So5oi35ruR5Yqo5Zu+54mH5ZCO57un57ut6Ieq5Yqo6L2u5pKtDQogICAgICAgICAgZGlzYWJsZU9uSW50ZXJhY3Rpb246IGZhbHNlLA0KICAgICAgICB9LA0KICAgICAgICAvL+W8gOWQr+W+queOr+aooeW8jw0KICAgICAgICBsb29wOiB0cnVlLA0KICAgICAgfSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ29vZHNJZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5Lmdvb2RzSWQ7DQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy5nZXRJbmZvKCk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBnZXRJbmZvKCkgew0KICAgICAgcHJvZHVjdEluZm8odGhpcy5nb29kc0lkKS50aGVuKChyZXMpID0+IHsNCiAgICAgICAgdGhpcy5nb29kc0luZm8gPSByZXMuZGF0YTsNCiAgICAgIH0pOw0KICAgIH0sDQogIH0sDQp9Ow0K"},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AA+BA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detail.vue","sourceRoot":"src/pages/kefu/mobile/goods","sourcesContent":["<template>\r\n <div class=\"scroll-box\">\r\n <div class=\"title-box\">商品详情</div>\r\n <swiper :options=\"swiperOption\" class=\"swiper-box\">\r\n <swiper-slide class=\"swiper-slide\" v-for=\"(item, index) in goodsInfo.slider_image\" :key=\"index\">\r\n <img :src=\"item\" />\r\n </swiper-slide>\r\n <!-- 分页器 -->\r\n </swiper>\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</template>\r\n\r\n<script>\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 data() {\r\n return {\r\n value2: 0,\r\n goodsInfo: {},\r\n goodsId: '',\r\n swiperOption: {\r\n //显示分页\r\n pagination: {\r\n el: '.swiper-pagination',\r\n },\r\n //设置点击箭头\r\n navigation: {\r\n nextEl: '.swiper-button-next',\r\n prevEl: '.swiper-button-prev',\r\n },\r\n //自动轮播\r\n autoplay: {\r\n delay: 2000,\r\n //当用户滑动图片后继续自动轮播\r\n disableOnInteraction: false,\r\n },\r\n //开启循环模式\r\n loop: true,\r\n },\r\n };\r\n },\r\n created() {\r\n this.goodsId = this.$route.query.goodsId;\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=\"scss\" scoped>\r\n.scroll-box {\r\n height: 100%;\r\n overflow-y: scroll;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n.title-box {\r\n height: 0.8rem;\r\n line-height: 0.8rem;\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 width: 100%;\r\n height: auto;\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n }\r\n}\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: 0.3rem;\r\n span {\r\n font-size: 0.26rem;\r\n }\r\n }\r\n .old-price {\r\n font-size: 0.3rem;\r\n margin-left: 0.2rem;\r\n color: #333333;\r\n }\r\n }\r\n .name {\r\n font-size: 0.32rem;\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: 0.2rem;\r\n .item {\r\n color: #999999;\r\n font-size: 0.28rem;\r\n }\r\n }\r\n}\r\n.con-box {\r\n margin-top: 10px;\r\n padding-bottom: 20px;\r\n img {\r\n display: block;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
