{"remainingRequest":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailShopInfo.vue?vue&type=style&index=0&id=2a574d72&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/src/views/detail/childComps/DetailShopInfo.vue","mtime":1615819477762},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/coderlhk/codewhy/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouc2hvcC1pbmZvIHsKICBwYWRkaW5nOiAyNXB4IDIwcHggMjBweDsKICBoZWlnaHQ6IDIwMHB4OwogIHdpZHRoOiAxMDAlOwogIGJvcmRlci1ib3R0b206IDVweCBzb2xpZCAjZjJmNWY4Owp9Cgouc2hvcC10b3AgewogIGxpbmUtaGVpZ2h0OiAyNXB4OwogIC8qIOiuqeWFg+e0oOWeguebtOS4reW/g+Wvuem9kCAqLwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICBkaXNwbGF5OiBmbGV4Owp9Ci5zaG9wLWluZm8gLnNob3AtdG9wIC5sZWZ0ewogIGhlaWdodDogMjAwcHg7CiAgd2lkdGg6IDI1JTsKfQoKLnNob3AtaW5mbyAuc2hvcC10b3AgLnJpZ2h0ewogIGhlaWdodDogMjAwcHg7CiAgd2lkdGg6IDY1JTsKfQoKICAuc2hvcC1pbmZvIC5zaG9wLXRvcCAucmlnaHQgdWwgbGl7CiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOwogICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogICAgY29sb3I6ICMyNTI1MjU7CiAgfQoKLnNob3AtaW5mbyAudGl0bGV7CiAgbWFyZ2luLWxlZnQ6IDcwcHg7CiAgZGlzcGxheTogaW5saW5lOwogIGNvbG9yOiAjMjUyNTI1OwogIHdpZHRoOiA3MCU7CiAgZm9udC1zaXplOiAxNXB4Owp9Cgo="},{"version":3,"sources":["DetailShopInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"DetailShopInfo.vue","sourceRoot":"src/views/detail/childComps","sourcesContent":["<template>\n  <div class=\"shop-info\">\n    <div class=\"shop-top\">\n      <div class=\"left item\">\n        <ul>\n          <li>香型</li>\n          <li>酒精度</li>\n          <li>产地</li>\n          <li>净含量</li>\n          <li>原料</li>\n          <li>箱规</li>\n        </ul>\n      </div>\n      <div class=\"right item\">\n        <ul>\n          <li>{{shop.type}}</li>\n          <li>{{shop.height}}</li>\n          <li>{{shop.productArea}}</li>\n          <li>{{shop.storeTip}}</li>          \n          <li>{{shop.detailTip}}</li>          \n          <li>{{shop.boxHeight}}</li>\n        </ul>\n      </div>\n    </div>\n          <!-- // <div><span>香型</span><div class=\"title\">{{shop.type}}</div></div>\n      // <div><span>酒精度</span><div class=\"title\">{{shop.height}}</div></div>\n      // <div><span>产地</span><div class=\"title\">{{shop.productArea}}</div></div>\n      // <div><span>净含量</span><div class=\"title\">{{shop.storeTip}}</div></div>\n      // <div><span>原料</span><div class=\"title\">{{shop.detailTip}}</div></div>\n      // <div>\n      // <span>箱规</span><div class=\"title\">{{shop.boxHeight}}</div></div> -->\n  </div>\n</template>\n\n\n<script>\n\texport default {\n\t\tname: \"DetailShopInfo\",\n    props: {\n\t\t  shop: {\n\t\t    type: Object,\n        default(){\n\t\t      return []\n        }\n      }\n    },\n    filters: {\n      sellCountFilter: function (value) {\n        if (value < 10000) return value;\n        return (value/10000).toFixed(1) + '万'\n      }\n    }\n\t}\n</script>\n\n<style scoped>\n  .shop-info {\n    padding: 25px 20px 20px;\n    height: 200px;\n    width: 100%;\n    border-bottom: 5px solid #f2f5f8;\n  }\n\n  .shop-top {\n    line-height: 25px;\n    /* 让元素垂直中心对齐 */\n    justify-content: space-between;\n    display: flex;\n  }\n  .shop-info .shop-top .left{\n    height: 200px;\n    width: 25%;\n  }\n\n  .shop-info .shop-top .right{\n    height: 200px;\n    width: 65%;\n  }\n\n    .shop-info .shop-top .right ul li{\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      color: #252525;\n    }\n\n  .shop-info .title{\n    margin-left: 70px;\n    display: inline;\n    color: #252525;\n    width: 70%;\n    font-size: 15px;\n  }\n\n</style>\n"]}]}