1 line
4.4 KiB
JSON
1 line
4.4 KiB
JSON
{"ast":null,"code":"//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: \"Navagation\",\n props: {\n user: Object,\n loginStatus: Boolean,\n role: String\n },\n data: function data() {\n return {\n activeIndex: '1',\n activeIndex2: '1'\n };\n },\n methods: {\n logout: function logout() {\n localStorage.removeItem(\"user\");\n this.$router.go(0);\n this.$message.success(\"退出成功\");\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0DA;AACAA,oBADA;AAEAC;AACAC,gBADA;AAEAC,wBAFA;AAGAC;AAHA,GAFA;AAOAC,MAPA,kBAOA;AACA;AACAC,sBADA;AAEAC;AAFA;AAIA,GAZA;AAaAC;AACAC,UADA,oBACA;AACAC;AACA;AACA;AACA;AALA;AAbA","names":["name","props","user","loginStatus","role","data","activeIndex","activeIndex2","methods","logout","localStorage"],"sourceRoot":"src/components","sources":["Navagation.vue"],"sourcesContent":["<!--\r\n * @Description: \r\n * @Author: Rabbiter\r\n * @Date: 2023-03-26 15:27:05\r\n-->\r\n<template>\r\n <div class=\"navagation\">\r\n <el-row>\r\n <el-col :span=\"4\">\r\n <div style=\"font-size: 20px; font-weight: bold; text-align: center\" ><a style=\"color: #00b7ff;\" href=\"/\">清歌校园商城</a></div>\r\n </el-col>\r\n <el-col :span=\"14\">\r\n <el-menu :default-active=\"activeIndex\" class=\"el-menu-demo\" mode=\"horizontal\" router>\r\n <el-menu-item index=\"/\" class=\"menu-item\">商城首页</el-menu-item>\r\n <el-menu-item index=\"/schoolMarket\" class=\"menu-item\">校园集市</el-menu-item>\r\n <el-menu-item index=\"/cart\" class=\"menu-item\">我的购物车</el-menu-item>\r\n <el-menu-item index=\"/orderlist\" class=\"menu-item\">我的订单</el-menu-item>\r\n <el-menu-item index=\"/manage\" class=\"menu-item\" v-if=\"role==='admin'\">后台管理</el-menu-item>\r\n </el-menu>\r\n </el-col>\r\n <el-col :span=\"6\">\r\n <!-- 右上角个人信息-->\r\n <el-dropdown style=\"cursor: pointer;float: right;margin-right: 60px\">\r\n <span class=\"el-dropdown-link\">\r\n <div style=\"display: inline-block\">\r\n <img :src=\"user.avatarUrl\" class=\"avatar\">\r\n {{ user.nickname }}\r\n <i class=\"el-icon-arrow-down el-icon--right\" style=\"margin-right: 5px\"></i>\r\n </div>\r\n </span>\r\n<!-- 下拉菜单-->\r\n <el-dropdown-menu slot=\"dropdown\" style=\"text-align: center\">\r\n <el-dropdown-item>\r\n<!-- 传给前端，登录后跳转页面的path为 \"/\"-->\r\n <div @click=\"$router.push({path:'/login',query:{to: '/'}})\" v-show=\"!loginStatus\">登录</div>\r\n </el-dropdown-item>\r\n <el-dropdown-item v-show=\"loginStatus\">\r\n <div @click=\"$router.push('/person')\" >个人信息</div>\r\n </el-dropdown-item>\r\n <el-dropdown-item v-show=\"loginStatus\">\r\n <div @click=\"$router.push('/myGood')\" >我的发布</div>\r\n </el-dropdown-item>\r\n <el-dropdown-item v-show=\"loginStatus\">\r\n <div @click=\"logout\">退出</div>\r\n </el-dropdown-item>\r\n\r\n\r\n </el-dropdown-menu>\r\n </el-dropdown>\r\n </el-col>\r\n </el-row>\r\n\r\n\r\n </div>\r\n</template>\r\n\r\n\r\n<script>\r\nexport default {\r\n name: \"Navagation\",\r\n props:{\r\n user: Object,\r\n loginStatus: Boolean,\r\n role: String,\r\n },\r\n data() {\r\n return {\r\n activeIndex: '1',\r\n activeIndex2: '1'\r\n };\r\n },\r\n methods: {\r\n logout() {\r\n localStorage.removeItem(\"user\");\r\n this.$router.go(0);\r\n this.$message.success(\"退出成功\");\r\n }\r\n },\r\n\r\n}\r\n\r\n</script>\r\n<style>\r\na{\r\n text-decoration: none;\r\n}\r\n.navagation{\r\n width: 100%;\r\n height: 60px;\r\n line-height: 60px;\r\n background-color: white;\r\n overflow: hidden\r\n}\r\n.avatar{\r\n width: 30px;\r\n border-radius: 50%;\r\n position: relative;\r\n top: 10px;\r\n right: 5px;\r\n}\r\n.menu-item{\r\n padding-left: 50px;\r\n padding-right: 50px;\r\n}\r\n</style>"]},"metadata":{},"sourceType":"module"} |