{"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/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"]}]}