{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\product\\productList\\components\\goodsDetail.vue?vue&type=style&index=0&id=01649a94&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\product\\productList\\components\\goodsDetail.vue","mtime":1761614939050},{"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:DQouZ29vZHNfZGV0YWlsIHsNCiAgLmdvb2RzX2RldGFpbF93cmFwcGVyIHsNCiAgICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvcGhvbmViZy5wbmcnKSBuby1yZXBlYXQgY2VudGVyIHRvcCAhaW1wb3J0YW50Ow0KICAgIGJhY2tncm91bmQtc2l6ZTogMzc1cHggNjQwcHggIWltcG9ydGFudDsNCiAgICBwYWRkaW5nOiA1MHB4IDIwcHg7DQogICAgei1pbmRleDogMjA7DQogICAgcG9zaXRpb246IGZpeGVkOw0KICAgIGxlZnQ6IDUwJTsNCiAgICB0b3A6IDUwJTsNCiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTsNCiAgICB3aWR0aDogMzc1cHg7DQogICAgYmFja2dyb3VuZDogI2YwZjJmNTsNCiAgfQ0KICAudGl0bGUtYm94IHsNCiAgICB3aWR0aDogMzM1cHg7DQogICAgaGVpZ2h0OiA0NnB4Ow0KICAgIGxpbmUtaGVpZ2h0OiA0NnB4Ow0KICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIGNvbG9yOiAjMzMzOw0KICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgfQ0KICAuc3dpcGVyLWJveCB7DQogICAgLmRlbW8tY2Fyb3VzZWwgew0KICAgICAgd2lkdGg6IDMzM3B4Ow0KDQogICAgICBpbWcgew0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLmdvb2RzX2luZm8gew0KICAgIHdpZHRoOiAzMzJweDsNCiAgICBwYWRkaW5nOiAxNXB4Ow0KICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgLm51bWJlci13cmFwcGVyIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgLnByaWNlIHsNCiAgICAgICAgY29sb3I6ICNmZjM4Mzg7DQogICAgICAgIGZvbnQtc2l6ZTogMjVweDsNCg0KICAgICAgICBzcGFuIHsNCiAgICAgICAgICBmb250LXNpemU6IDE1cHg7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIC5vbGQtcHJpY2Ugew0KICAgICAgICBmb250LXNpemU6IDE1cHg7DQogICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICAgICAgICBjb2xvcjogIzMzMzMzMzsNCiAgICAgIH0NCiAgICB9DQogICAgLm5hbWUgew0KICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgY29sb3I6ICMzMzM7DQogICAgfQ0KICAgIC5tc2cgew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICBtYXJnaW4tdG9wOiAxMHB4Ow0KICAgICAgLml0ZW0gew0KICAgICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgICAgZm9udC1zaXplOiAxNHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAuY29uLWJveCB7DQogICAgbWFyZ2luLXRvcDogMTBweDsNCiAgICBwYWRkaW5nLWJvdHRvbTogMjBweDsNCiAgICBiYWNrZ3JvdW5kOiAjZjBmMmY1Ow0KICAgIHdpZHRoOiAzMzVweDsNCiAgICAuY29udGVudCA6OnYtZGVlcHZpZGVvIHsNCiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["goodsDetail.vue"],"names":[],"mappings":";AA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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":"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"]}]}