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.9 KiB
1 line
4.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/profile/Profile.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/src/views/profile/Profile.vue","mtime":1607666509058},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/linhuakun/Downloads/nodejs/codewhy/node_modules/babel-loader/lib/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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCiAgaW1wb3J0IFVzZXJJbmZvIGZyb20gJy4vY2hpbGRDb21wcy9Vc2VySW5mbycKICBpbXBvcnQgTGlzdFZpZXcgZnJvbSAnLi9jaGlsZENvbXBzL0xpc3RWaWV3JwogIGltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKCglleHBvcnQgZGVmYXVsdCB7CgkJbmFtZTogIlByb2ZpbGUiLAogICAgY29tcG9uZW50czogewoJCSAgVXNlckluZm8sIExpc3RWaWV3LCBOYXZCYXIKICAgIH0sCiAgICBkYXRhOiBmdW5jdGlvbiAoKSB7CgkJICByZXR1cm4gewoJCSAgICBvcmRlckxpc3Q6IFsKICAgICAgICAgIHtpY29uOiAnI29yZGVyJywgaWNvbkNvbG9yOiAnI2ZmODE5OCcsIGluZm86ICfmiJHnmoTmtojmga8nfSwKICAgICAgICAgIHtpY29uOiAnI3BvaW50JywgaWNvbkNvbG9yOiAnI2ZjN2I1MycsIGluZm86ICfnp6/liIbllYbln44nfSwKICAgICAgICAgIHtpY29uOiAnI3ZpcCcsIGljb25Db2xvcjogJyNmZmM2MzYnLCBpbmZvOiAn5Lya5ZGY5Y2hJ30sCiAgICAgICAgXSwKICAgICAgICBzZXJ2aWNlTGlzdDogWwogICAgICAgICAge2ljb246ICcjc2VydmljZScsIGljb25Db2xvcjogJyNmZjgxOTgnLCBpbmZvOiAn5oiR55qE6LSt54mp6L2mJ30sCiAgICAgICAgICB7aWNvbjogJyNkb3dubG9hZCcsIGljb25Db2xvcjogJyNmZjgxOTgnLCBpbmZvOiAn5LiL6L296LSt54mpQVBQJ30sCiAgICAgICAgXQogICAgICB9CiAgICB9LAogICAgbW91bnRlZDogZnVuY3Rpb24gKCkgewogICAgfQoJfQo="},{"version":3,"sources":["Profile.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"]}]} |