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
7.6 KiB
1 line
7.6 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":1609151243338},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBOYXZCYXIgZnJvbSAiQC9jb21wb25lbnRzL2NvbW1vbi9uYXZiYXIvTmF2QmFyIjsKaW1wb3J0IHNjcm9sbCBmcm9tICJAL2NvbXBvbmVudHMvY29tbW9uL1Njcm9sbC9TY3JvbGwiOwppbXBvcnQgVXNlckluZm8gZnJvbSAiQC92aWV3cy9wcm9maWxlL2NoaWxkQ29tcHMvVXNlckluZm8iOwppbXBvcnQgTG9nT3V0IGZyb20gJ0Avdmlld3MvcHJvZmlsZS9jaGlsZENvbXBzL0xvZ091dCcKaW1wb3J0IFNldFVwIGZyb20gJ0Avdmlld3MvcHJvZmlsZS9jaGlsZENvbXBzL1NldFVwLnZ1ZSc7CmltcG9ydCBTY3JvbGwgZnJvbSAnLi4vLi4vY29tcG9uZW50cy9jb21tb24vU2Nyb2xsL1Njcm9sbC52dWUnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlByb2ZpbGUiLAogIGNvbXBvbmVudHM6IHsKICAgIE5hdkJhciwKICAgIHNjcm9sbCwKICAgIFVzZXJJbmZvLAogICAgTG9nT3V0LAogICAgU2V0VXAsCiAgICBTY3JvbGwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBuYW1lOiAiIiwKICAgICAgaXNMb2dpbjogIiIsCiAgICAgIGlkOicnLAogICAgICB1cmw6JycsCiAgICAgIGF2YXRhcjonJywKICAgICAgYXZhdGFyZXhpdDp0cnVlCiAgICB9OwogIH0sCiBtb3VudGVkKCl7CiAgICB0aGlzLmlkPXdpbmRvdy5zZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCd1c2VySWQnKQogICAgdGhpcy5hdmF0YXI9J2h0dHA6Ly9sb2NhbGhvc3Q6ODAwMC91c2Vycy8nK3RoaXMuaWQrJy9hdmF0YXInCiAgfQogICwKICBtZXRob2RzOiB7CiAgICB1c2VyTG9naW4oKSB7CiAgICAgIHRoaXMubmFtZSA9IHdpbmRvdy5zZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCJuYW1lIik7CiAgICAgIGlmICh0aGlzLm5hbWUpIHsKICAgICAgICB0aGlzLmlzTG9naW4gPSAi5L2g5aW977yBIiArIHRoaXMubmFtZTsKICAgICAgfQogICAgfSwKICAgIGluZm9Mb2dpbigpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9sb2dpbiIpOwogICAgfSwKICAgIGluZm9SZWdpc3RlcigpIHsKICAgICAgdGhpcy4kcm91dGVyLnB1c2goIi9yZWdpc3RlciIpOwogICAgfSwKICAgIGFzeW5jIGFmdGVyUmVhZChmaWxlKSB7CiAgICAgICAgICAKICAgICAgdGhpcy51cmw9Jy91cGxvYWQvJyt0aGlzLmlkKycvYXZhdGFyJwogICAgICAKICAgICAgIGNvbnNvbGUubG9nKHRoaXMuYXZhdGFyKTsKICAgICAgLy8g5q2k5pe25Y+v5Lul6Ieq6KGM5bCG5paH5Lu25LiK5Lyg6Iez5pyN5Yqh5ZmoCiAgICAgIGNvbnN0IGZvcm1kYXRhPW5ldyBGb3JtRGF0YSgpOwogICAgICBmb3JtZGF0YS5hcHBlbmQoJ2F2YXRhcicsZmlsZS5maWxlKQogICAgICBjb25zdCByZXMgPSBhd2FpdCB0aGlzLiRodHRwLnBvc3QodGhpcy51cmwsZm9ybWRhdGEpCiAgICAgIHRoaXMuYXZhdGFyZXhpdD1mYWxzZQogICAgIH0KICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLnVzZXJMb2dpbigpOwogIH0sCn07Cg=="},{"version":3,"sources":["Profile.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Profile.vue","sourceRoot":"src/views/profile","sourcesContent":["<template>\n <Scroll>\n <div class=\"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=\"avtar\" :src=\"avatar\" alt=\"未上传\" />\n <van-uploader\n class=\"uploading\"\n :after-read=\"afterRead\"\n preview-size=\"60px\"\n />\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';\nimport Scroll from '../../components/common/Scroll/Scroll.vue';\nexport default {\n name: \"Profile\",\n components: {\n NavBar,\n scroll,\n UserInfo,\n LogOut,\n SetUp,\n Scroll\n },\n data() {\n return {\n name: \"\",\n isLogin: \"\",\n id:'',\n url:'',\n avatar:'',\n avatarexit:true\n };\n },\n mounted(){\n this.id=window.sessionStorage.getItem('userId')\n this.avatar='http://localhost:8000/users/'+this.id+'/avatar'\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(\"/register\");\n },\n async afterRead(file) {\n \n this.url='/upload/'+this.id+'/avatar'\n \n console.log(this.avatar);\n // 此时可以自行将文件上传至服务器\n const formdata=new FormData();\n formdata.append('avatar',file.file)\n const res = await this.$http.post(this.url,formdata)\n this.avatarexit=false\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.uploading{\n width: 60px;\n left: 10px;\n position: absolute;\n opacity: 0;\n}\n.avtar{\n height: 60px;\n widows: 60px;\n border-radius: 30px;\n}\n</style>\n"]}]} |