{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\mobile\\goods\\detail.vue?vue&type=style&index=0&id=14a16215&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\kefu\\mobile\\goods\\detail.vue","mtime":1761614939022},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouc2Nyb2xsLWJveCB7DQogIGhlaWdodDogMTAwJTsNCiAgb3ZlcmZsb3cteTogc2Nyb2xsOw0KICAtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2g7DQp9DQoudGl0bGUtYm94IHsNCiAgaGVpZ2h0OiAwLjhyZW07DQogIGxpbmUtaGVpZ2h0OiAwLjhyZW07DQogIGJhY2tncm91bmQ6ICNmZmY7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgY29sb3I6ICMzMzM7DQogIGZvbnQtc2l6ZTogMTZweDsNCn0NCi5zd2lwZXItYm94IHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogYXV0bzsNCiAgaW1nIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgICBoZWlnaHQ6IDEwMCU7DQogICAgZGlzcGxheTogYmxvY2s7DQogIH0NCn0NCi5nb29kc19pbmZvIHsNCiAgcGFkZGluZzogMTVweDsNCiAgYmFja2dyb3VuZDogI2ZmZjsNCiAgLm51bWJlci13cmFwcGVyIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgLnByaWNlIHsNCiAgICAgIGNvbG9yOiAjZmYzODM4Ow0KICAgICAgZm9udC1zaXplOiAwLjNyZW07DQogICAgICBzcGFuIHsNCiAgICAgICAgZm9udC1zaXplOiAwLjI2cmVtOw0KICAgICAgfQ0KICAgIH0NCiAgICAub2xkLXByaWNlIHsNCiAgICAgIGZvbnQtc2l6ZTogMC4zcmVtOw0KICAgICAgbWFyZ2luLWxlZnQ6IDAuMnJlbTsNCiAgICAgIGNvbG9yOiAjMzMzMzMzOw0KICAgIH0NCiAgfQ0KICAubmFtZSB7DQogICAgZm9udC1zaXplOiAwLjMycmVtOw0KICAgIGNvbG9yOiAjMzMzOw0KICB9DQogIC5tc2cgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgbWFyZ2luLXRvcDogMC4ycmVtOw0KICAgIC5pdGVtIHsNCiAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgZm9udC1zaXplOiAwLjI4cmVtOw0KICAgIH0NCiAgfQ0KfQ0KLmNvbi1ib3ggew0KICBtYXJnaW4tdG9wOiAxMHB4Ow0KICBwYWRkaW5nLWJvdHRvbTogMjBweDsNCiAgaW1nIHsNCiAgICBkaXNwbGF5OiBibG9jazsNCiAgfQ0KfQ0K"},{"version":3,"sources":["detail.vue"],"names":[],"mappings":";AAmFA;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;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"]}]}