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
4.8 KiB
1 line
4.8 KiB
{"remainingRequest":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/linhuakun/Downloads/nodejs/codewhy/src/views/profile/Profile.vue?vue&type=style&index=0&id=44d9130e&scoped=true&lang=css&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/profile/Profile.vue","mtime":1607666509058},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKI3Byb2ZpbGUgewogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7Cn0KCi5uYXYtYmFyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci10aW50KTsKICBmb250LXdlaWdodDogNzAwOwogIGNvbG9yOiAjZmZmOwp9CgouYWNjb3VudCB7CiAgZGlzcGxheTogZmxleDsKfQoKLmFjY291bnQtaXRlbSB7CiAgd2lkdGg6IDEwMCU7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICBtYXJnaW4tcmlnaHQ6IDFweDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7Cn0KCi5hY2NvdW50LWl0ZW06bGFzdC1vZi10eXBlIHsKICBtYXJnaW4tcmlnaHQ6IDA7Cn0KCi5hY2NvdW50LWl0ZW0gewogIGNvbG9yOiAjNjY2OwogIGZvbnQtc2l6ZTogMTNweDsKICBwYWRkaW5nOiAxOHB4Owp9CgouYWNjb3VudC1pdGVtIC5iYWxhbmNlIHsKICBmb250LXNpemU6IDI0cHg7CiAgZm9udC13ZWlnaHQ6IDcwMDsKICBjb2xvcjogI2ZmNWYzZTsKfQoKLmFjY291bnQtaW5mbyB7CiAgbWFyZ2luLXRvcDogNnB4Owp9Cgoub3JkZXItbGlzdCwgLnNlcnZpY2UtbGlzdCB7CiAgbWFyZ2luLXRvcDogMTJweDsKfQoK"},{"version":3,"sources":["Profile.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"Profile.vue","sourceRoot":"src/views/profile","sourcesContent":["<template>\n <div id=\"profile\">\n <nav-bar class=\"nav-bar\"><div slot=\"center\">小码哥商城</div></nav-bar>\n <!--1.单独封装一个组件: 利用slot知识点-->\n <UserInfo></UserInfo>\n\n <!--2.没有单独封装: 不同的地方太多, 需要传过多的参数-->\n <section class=\"account\">\n <div class=\"account-item\">\n <div class=\"number\">\n <span class=\"balance\">0.00</span>元\n </div>\n <div class=\"account-info\">我的余额</div>\n </div>\n <div class=\"account-item\">\n <div class=\"number\">\n <span class=\"balance\">0</span>个\n </div>\n <div class=\"account-info\">我的优惠</div>\n </div>\n <div class=\"account-item\">\n <div class=\"number\">\n <span class=\"balance\">0</span>分\n </div>\n <div class=\"account-info\">我的积分</div>\n </div>\n </section>\n\n <!--3.封装成一个整体-->\n <list-view :list-data=\"orderList\" class=\"order-list\"></list-view>\n <list-view :list-data=\"serviceList\" class=\"service-list\"></list-view>\n </div>\n</template>\n\n<script>\n import UserInfo from './childComps/UserInfo'\n import ListView from './childComps/ListView'\n import NavBar from \"@/components/common/navbar/NavBar\";\n\n\texport default {\n\t\tname: \"Profile\",\n components: {\n\t\t UserInfo, ListView, NavBar\n },\n data: function () {\n\t\t return {\n\t\t orderList: [\n {icon: '#order', iconColor: '#ff8198', info: '我的消息'},\n {icon: '#point', iconColor: '#fc7b53', info: '积分商城'},\n {icon: '#vip', iconColor: '#ffc636', info: '会员卡'},\n ],\n serviceList: [\n {icon: '#service', iconColor: '#ff8198', info: '我的购物车'},\n {icon: '#download', iconColor: '#ff8198', info: '下载购物APP'},\n ]\n }\n },\n mounted: function () {\n }\n\t}\n</script>\n\n<style scoped>\n #profile {\n background-color: #f2f2f2;\n }\n\n .nav-bar {\n background-color: var(--color-tint);\n font-weight: 700;\n color: #fff;\n }\n\n .account {\n display: flex;\n }\n\n .account-item {\n width: 100%;\n background-color: #fff;\n margin-right: 1px;\n text-align: center;\n }\n\n .account-item:last-of-type {\n margin-right: 0;\n }\n\n .account-item {\n color: #666;\n font-size: 13px;\n padding: 18px;\n }\n\n .account-item .balance {\n font-size: 24px;\n font-weight: 700;\n color: #ff5f3e;\n }\n\n .account-info {\n margin-top: 6px;\n }\n\n .order-list, .service-list {\n margin-top: 12px;\n }\n\n</style>\n"]}]} |