You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
6.9 KiB
1 line
6.9 KiB
{"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"]}]} |