{"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":1608358369120},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IHNjcm9sbCBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL1Njcm9sbC9TY3JvbGwiOwppbXBvcnQgVXNlckluZm8gZnJvbSAiQC92aWV3cy9wcm9maWxlL2NoaWxkQ29tcHMvVXNlckluZm8iOwppbXBvcnQgTG9nT3V0IGZyb20gJ0Avdmlld3MvcHJvZmlsZS9jaGlsZENvbXBzL0xvZ091dCcKaW1wb3J0IFNldFVwIGZyb20gJ0Avdmlld3MvcHJvZmlsZS9jaGlsZENvbXBzL1NldFVwLnZ1ZSc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiUHJvZmlsZSIsCiAgY29tcG9uZW50czogewogICAgTmF2QmFyLAogICAgc2Nyb2xsLAogICAgVXNlckluZm8sCiAgICBMb2dPdXQsCiAgICBTZXRVcCwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBuYW1lOiAiIiwKICAgICAgaXNMb2dpbjogIiIsCiAgICB9OwogIH0sCiAgbWV0aG9kczogewogICAgdXNlckxvZ2luKCkgewogICAgICB0aGlzLm5hbWUgPSB3aW5kb3cuc2Vzc2lvblN0b3JhZ2UuZ2V0SXRlbSgibmFtZSIpOwogICAgICBpZiAodGhpcy5uYW1lKSB7CiAgICAgICAgdGhpcy5pc0xvZ2luID0gIuS9oOWlve+8gSIgKyB0aGlzLm5hbWU7CiAgICAgIH0KICAgIH0sCiAgICBpbmZvTG9naW4oKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvbG9naW4iKTsKICAgIH0sCiAgICBpbmZvUmVnaXN0ZXIoKSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKCIvbG9naW4iKTsKICAgIH0sCiAgfSwKICBjcmVhdGVkKCkgewogICAgdGhpcy51c2VyTG9naW4oKTsKICB9LAp9Owo="},{"version":3,"sources":["Profile.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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  <scroll>\n    <div id=\"profile\">\n      <nav-bar class=\"nav-bar\"><div slot=\"center\">白酒商城</div></nav-bar>\n      <!--1.单独封装一个组件: 利用slot-->\n      <user-info>\n        <div slot=\"user-icon\">\n          <img class=\"privateImage-svg left\" src=\"http://localhost:8000/users/1/avatar\" />\n        </div>\n        <div slot=\"user-nickname\">\n          <div v-if=\"this.name\">{{ isLogin }}</div>\n          <div v-else><a @click=\"infoLogin\">登陆</a><a>/</a><a @click=\"infoRegister\">注册</a></div>\n        </div>\n        <div slot=\"sign\" class=\"info-sign\">\n          个性签名：我好帅 帅帅帅\n        </div>\n      </user-info>\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        <set-up class=\"set-up\"></set-up>\n    <log-out class=\"log-out\"></log-out>\n    </div>\n  </scroll>\n</template>\n\n<script>\nimport NavBar from \"@/components/common/navbar/NavBar\";\nimport scroll from \"@/components/common/Scroll/Scroll\";\nimport UserInfo from \"@/views/profile/childComps/UserInfo\";\nimport LogOut from '@/views/profile/childComps/LogOut'\nimport SetUp from '@/views/profile/childComps/SetUp.vue';\nexport default {\n  name: \"Profile\",\n  components: {\n    NavBar,\n    scroll,\n    UserInfo,\n    LogOut,\n    SetUp,\n  },\n  data() {\n    return {\n      name: \"\",\n      isLogin: \"\",\n    };\n  },\n  methods: {\n    userLogin() {\n      this.name = window.sessionStorage.getItem(\"name\");\n      if (this.name) {\n        this.isLogin = \"你好！\" + this.name;\n      }\n    },\n    infoLogin() {\n      this.$router.push(\"/login\");\n    },\n    infoRegister() {\n      this.$router.push(\"/login\");\n    },\n  },\n  created() {\n    this.userLogin();\n  },\n};\n</script>\n\n<style scoped>\n#profile {\n  background-color: rgb(243, 236, 238);\n  height: 100vh;\n}\n\n.nav-bar {\n  background-color: rgb(196, 15, 15);\n  font-weight: 700;\n  color: rgba(255, 255, 255, 0.877);\n}\na{\n  color:rgb(70, 59, 59);\n}\n.info-sign{\n  font-size: 10px;\n}\n.account {\n  display: flex;\n}\n\n.account-item {\n  margin-top:5px;\n  width: 100%;\n  margin-right: 1px;\n  text-align: center;\n  background-color:#fff;\n  border-radius: 5px;\n  \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: red;\n}\n\n.account-info {\n  margin-top: 6px;\n}\n\n.order-list,\n.service-list {\n  margin-top: 12px;\n}\n.log-out{\n  margin-top:5px;\n}\n.set-up{\n  margin-top:10px;\n}\n</style>\n"]}]}