{"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/DetailShopInfo.vue?vue&type=style&index=0&id=5fe52298&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/detail/childComps/DetailShopInfo.vue","mtime":1607666509057},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5zaG9wLWluZm8gewogIHBhZGRpbmc6IDI1cHggOHB4OwogIGJvcmRlci1ib3R0b206IDVweCBzb2xpZCAjZjJmNWY4Owp9Cgouc2hvcC10b3AgewogIGxpbmUtaGVpZ2h0OiA0NXB4OwogIC8qIOiuqeWFg+e0oOWeguebtOS4reW/g+Wvuem9kCAqLwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKLnNob3AtdG9wIGltZyB7CiAgd2lkdGg6IDQ1cHg7CiAgaGVpZ2h0OiA0NXB4OwogIGJvcmRlci1yYWRpdXM6IDUwJTsKICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsMCwwLC4xKTsKfQoKLnNob3AtdG9wIC50aXRsZSB7CiAgbWFyZ2luLWxlZnQ6IDEwcHg7CiAgdmVydGljYWwtYWxpZ246IGNlbnRlcjsKfQoKLnNob3AtbWlkZGxlIHsKICBtYXJnaW4tdG9wOiAxNXB4OwogIGRpc3BsYXk6IGZsZXg7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKfQoKLnNob3AtbWlkZGxlLWl0ZW0gewogIGZsZXg6IDE7Cn0KCi5zaG9wLW1pZGRsZS1sZWZ0IHsKICBkaXNwbGF5OiBmbGV4OwogIGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5OwogIGNvbG9yOiAjMzMzOwogIHRleHQtYWxpZ246IGNlbnRlcjsKICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCByZ2JhKDAsMCwwLC4xKTsKfQoKLnNlbGxzLWNvdW50LCAuZ29vZHMtY291bnQgewogIGZvbnQtc2l6ZTogMThweDsKfQoKLnNlbGxzLXRleHQsIC5nb29kcy10ZXh0IHsKICBtYXJnaW4tdG9wOiAxMHB4OwogIGZvbnQtc2l6ZTogMTJweDsKfQoKLnNob3AtbWlkZGxlLXJpZ2h0IHsKICBmb250LXNpemU6IDEzcHg7CiAgY29sb3I6ICMzMzM7Cn0KCi5zaG9wLW1pZGRsZS1yaWdodCB0YWJsZSB7CiAgd2lkdGg6IDEyMHB4OwogIG1hcmdpbi1sZWZ0OiAzMHB4Owp9Cgouc2hvcC1taWRkbGUtcmlnaHQgdGFibGUgdGQgewogIHBhZGRpbmc6IDVweCAwOwp9Cgouc2hvcC1taWRkbGUtcmlnaHQgLnNjb3JlIHsKICBjb2xvcjogIzVlYTczMjsKfQoKLnNob3AtbWlkZGxlLXJpZ2h0IC5zY29yZS1iZXR0ZXIgewogIGNvbG9yOiAjZjEzZTNhOwp9Cgouc2hvcC1taWRkbGUtcmlnaHQgLmJldHRlciBzcGFuIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWVhNzMyOwogIGNvbG9yOiAjZmZmOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLnNob3AtbWlkZGxlLXJpZ2h0IC5iZXR0ZXItbW9yZSBzcGFuIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjEzZTNhOwp9Cgouc2hvcC1ib3R0b20gewogIHRleHQtYWxpZ246IGNlbnRlcjsKICBtYXJnaW4tdG9wOiAxMHB4Owp9CgouZW50ZXItc2hvcCB7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIGZvbnQtc2l6ZTogMTRweDsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjJmNWY4OwogIHdpZHRoOiAxNTBweDsKICBoZWlnaHQ6IDMwcHg7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIGxpbmUtaGVpZ2h0OiAzMHB4OwogIGJvcmRlci1yYWRpdXM6IDEwcHg7Cn0K"},{"version":3,"sources":["DetailShopInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;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      <img :src=\"shop.logo\">\n      <span class=\"title\">{{shop.name}}</span>\n    </div>\n    <div class=\"shop-middle\">\n      <div class=\"shop-middle-item shop-middle-left\">\n        <div class=\"info-sells\">\n          <div class=\"sells-count\">\n            {{shop.sells | sellCountFilter}}\n          </div>\n          <div class=\"sells-text\">总销量</div>\n        </div>\n        <div class=\"info-goods\">\n          <div class=\"goods-count\">\n            {{shop.goodsCount}}\n          </div>\n          <div class=\"goods-text\">全部宝贝</div>\n        </div>\n      </div>\n      <div class=\"shop-middle-item shop-middle-right\">\n        <table>\n          <tr v-for=\"(item, index) in shop.score\" :key=\"index\">\n            <td>{{item.name}}</td>\n            <td class=\"score\" :class=\"{'score-better': item.isBetter}\">{{item.score}}</td>\n            <td class=\"better\" :class=\"{'better-more': item.isBetter}\"><span>{{item.isBetter ? '高':'低'}}</span></td>\n          </tr>\n        </table>\n      </div>\n    </div>\n    <div class=\"shop-bottom\">\n      <div class=\"enter-shop\">进店逛逛</div>\n    </div>\n  </div>\n</template>\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 8px;\n    border-bottom: 5px solid #f2f5f8;\n  }\n\n  .shop-top {\n    line-height: 45px;\n    /* 让元素垂直中心对齐 */\n    display: flex;\n    align-items: center;\n  }\n\n  .shop-top img {\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    border: 1px solid rgba(0,0,0,.1);\n  }\n\n  .shop-top .title {\n    margin-left: 10px;\n    vertical-align: center;\n  }\n\n  .shop-middle {\n    margin-top: 15px;\n    display: flex;\n    align-items: center;\n  }\n\n  .shop-middle-item {\n    flex: 1;\n  }\n\n  .shop-middle-left {\n    display: flex;\n    justify-content: space-evenly;\n    color: #333;\n    text-align: center;\n    border-right: 1px solid rgba(0,0,0,.1);\n  }\n\n  .sells-count, .goods-count {\n    font-size: 18px;\n  }\n\n  .sells-text, .goods-text {\n    margin-top: 10px;\n    font-size: 12px;\n  }\n\n  .shop-middle-right {\n    font-size: 13px;\n    color: #333;\n  }\n\n  .shop-middle-right table {\n    width: 120px;\n    margin-left: 30px;\n  }\n\n  .shop-middle-right table td {\n    padding: 5px 0;\n  }\n\n  .shop-middle-right .score {\n    color: #5ea732;\n  }\n\n  .shop-middle-right .score-better {\n    color: #f13e3a;\n  }\n\n  .shop-middle-right .better span {\n    background-color: #5ea732;\n    color: #fff;\n    text-align: center;\n  }\n\n  .shop-middle-right .better-more span {\n    background-color: #f13e3a;\n  }\n\n  .shop-bottom {\n    text-align: center;\n    margin-top: 10px;\n  }\n\n  .enter-shop {\n    display: inline-block;\n    font-size: 14px;\n    background-color: #f2f5f8;\n    width: 150px;\n    height: 30px;\n    text-align: center;\n    line-height: 30px;\n    border-radius: 10px;\n  }\n</style>\n"]}]}