{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailBaseInfo.vue?vue&type=style&index=0&id=3d0d4373&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailBaseInfo.vue","mtime":1607666509056},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5iYXNlLWluZm8gewogIG1hcmdpbi10b3A6IDE1cHg7CiAgcGFkZGluZzogMCA4cHg7CiAgY29sb3I6ICM5OTk7CiAgYm9yZGVyLWJvdHRvbTogNXB4IHNvbGlkICNmMmY1Zjg7Cn0KCi5pbmZvLXRpdGxlIHsKICBjb2xvcjogIzIyMgp9CgouaW5mby1wcmljZSB7CiAgbWFyZ2luLXRvcDogMTBweDsKfQoKLmluZm8tcHJpY2UgLm4tcHJpY2UgewogIGZvbnQtc2l6ZTogMjRweDsKICBjb2xvcjogdmFyKC0tY29sb3ItaGlnaC10ZXh0KTsKfQoKLmluZm8tcHJpY2UgLm8tcHJpY2UgewogIGZvbnQtc2l6ZTogMTNweDsKICBtYXJnaW4tbGVmdDogNXB4OwogIHRleHQtZGVjb3JhdGlvbjogbGluZS10aHJvdWdoOwp9CgouaW5mby1wcmljZSAuZGlzY291bnQgewogIGZvbnQtc2l6ZTogMTJweDsKICBwYWRkaW5nOiAycHggNXB4OwogIGNvbG9yOiAjZmZmOwogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWhpZ2gtdGV4dCk7CiAgYm9yZGVyLXJhZGl1czogOHB4OwogIG1hcmdpbi1sZWZ0OiA1cHg7CgogIC8q6K6p5YWD57Sg5LiK5rWu5LiA5LqbOiDkvb/nlKjnm7jlr7nlrprkvY3ljbPlj68qLwogIHBvc2l0aW9uOiByZWxhdGl2ZTsKICB0b3A6IC04cHg7Cn0KCi5pbmZvLW90aGVyIHsKICBtYXJnaW4tdG9wOiAxNXB4OwogIGxpbmUtaGVpZ2h0OiAzMHB4OwogIGRpc3BsYXk6IGZsZXg7CiAgZm9udC1zaXplOiAxM3B4OwogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKDEwMCwxMDAsMTAwLC4xKTsKICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47Cn0KCi5pbmZvLXNlcnZpY2UgewogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogIGxpbmUtaGVpZ2h0OiA2MHB4Owp9CgouaW5mby1zZXJ2aWNlLWl0ZW0gaW1nIHsKICB3aWR0aDogMTBweDsKICBoZWlnaHQ6IDEwcHg7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIHRvcDogMnB4Owp9CgouaW5mby1zZXJ2aWNlLWl0ZW0gc3BhbiB7CiAgZm9udC1zaXplOiAxM3B4OwogIGNvbG9yOiAjMzMzOwp9Cg=="},{"version":3,"sources":["DetailBaseInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"DetailBaseInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <div v-if=\"Object.keys(goods).length !== 0\" class=\"base-info\">\n    <div class=\"info-title\">{{goods.title}}</div>\n    <div class=\"info-price\">\n      <span class=\"n-price\">{{goods.newPrice}}</span>\n      <span class=\"o-price\">{{goods.oldPrice}}</span>\n      <span class=\"discount\">{{goods.discount}}</span>\n    </div>\n    <div class=\"info-other\">\n      <span>{{goods.columns[0]}}</span>\n      <span>{{goods.columns[1]}}</span>\n      <span>{{goods.services[goods.services.length-1].name}}</span>\n    </div>\n    <div class=\"info-service\">\n      <span class=\"info-service-item\" v-for=\"index in goods.services.length-1\" :key=\"index\">\n        <img :src=\"goods.services[index-1].icon\">\n        <span>{{goods.services[index-1].name}}</span>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\n\texport default {\n\t\tname: \"DetailBaseInfo\",\n    props: {\n\t\t  goods: {\n\t\t    type: Object,\n        default(){\n\t\t      return []\n        }\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  .base-info {\n    margin-top: 15px;\n    padding: 0 8px;\n    color: #999;\n    border-bottom: 5px solid #f2f5f8;\n  }\n\n  .info-title {\n    color: #222\n  }\n\n  .info-price {\n    margin-top: 10px;\n  }\n\n  .info-price .n-price {\n    font-size: 24px;\n    color: var(--color-high-text);\n  }\n\n  .info-price .o-price {\n    font-size: 13px;\n    margin-left: 5px;\n    text-decoration: line-through;\n  }\n\n  .info-price .discount {\n    font-size: 12px;\n    padding: 2px 5px;\n    color: #fff;\n    background-color: var(--color-high-text);\n    border-radius: 8px;\n    margin-left: 5px;\n\n    /*让元素上浮一些: 使用相对定位即可*/\n    position: relative;\n    top: -8px;\n  }\n\n  .info-other {\n    margin-top: 15px;\n    line-height: 30px;\n    display: flex;\n    font-size: 13px;\n    border-bottom: 1px solid rgba(100,100,100,.1);\n    justify-content: space-between;\n  }\n\n  .info-service {\n    display: flex;\n    justify-content: space-between;\n    line-height: 60px;\n  }\n\n  .info-service-item img {\n    width: 10px;\n    height: 10px;\n    position: relative;\n    top: 2px;\n  }\n\n  .info-service-item span {\n    font-size: 13px;\n    color: #333;\n  }\n</style>\n"]}]}