hookehuyr

用户相关功能页调整

......@@ -7,11 +7,20 @@ export {}
/* prettier-ignore */
declare module 'vue' {
export interface GlobalComponents {
ElBreadcrumb: typeof import('element-ui/lib/breadcrumb')['default']
ElBreadcrumbItem: typeof import('element-ui/lib/breadcrumb-item')['default']
ElCarousel: typeof import('element-ui/lib/carousel')['default']
ElCarouselItem: typeof import('element-ui/lib/carousel-item')['default']
ElCheckbox: typeof import('element-ui/lib/checkbox')['default']
ElCol: typeof import('element-ui/lib/col')['default']
ElCollapse: typeof import('element-ui/lib/collapse')['default']
ElCollapseItem: typeof import('element-ui/lib/collapse-item')['default']
ElCollapseTransition: typeof import('element-ui/lib/transitions/collapse-transition')['default']
ElImage: typeof import('element-ui/lib/image')['default']
ElInput: typeof import('element-ui/lib/input')['default']
ElOption: typeof import('element-ui/lib/option')['default']
ElRow: typeof import('element-ui/lib/row')['default']
ElSelect: typeof import('element-ui/lib/select')['default']
ElTooltip: typeof import('element-ui/lib/tooltip')['default']
HagerBox: typeof import('./src/components/common/hagerBox.vue')['default']
HagerCarousel: typeof import('./src/components/hagerCarousel.vue')['default']
......
<!--
* @Date: 2024-09-26 13:42:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-18 09:34:29
* @LastEditTime: 2024-10-20 13:01:08
* @FilePath: /hager/src/components/common/hagerHeader.vue
* @Description: 文件描述
-->
......@@ -434,7 +434,7 @@ export default {
},
goToLogin () {
this.$router.push({
path: '/login'
path: '/user/login'
});
},
openMenu () {
......
<!--
* @Date: 2024-10-18 17:57:33
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-10-20 12:10:21
* @LastEditTime: 2024-10-20 13:19:23
* @FilePath: /hager/src/views/user/index.vue
* @Description: 文件描述
-->
......@@ -9,13 +9,13 @@
<div class="hager-user-page">
<div class="centered-div">
<el-row>
<el-col :span="14">
<el-col :span="13">
<div class="user-box" style="background-color: #EFF7FB;">
<div class="user-logo"></div>
<div class="user-bg"></div>
</div>
</el-col>
<el-col :span="10">
<el-col :span="11">
<router-view id="router-view"></router-view>
</el-col>
</el-row>
......@@ -36,18 +36,21 @@ export default {
},
mounted () {
// 设置用户盒子高度
this.handleResize();
// this.handleHeight();
// 监听窗口的 resize 事件
window.addEventListener('resize', this.handleResize);
window.addEventListener('resize', this.handleHeight);
},
methods: {
handleResize () {
$('.user-box').height($('#router-view').outerHeight())
handleHeight () {
//
if ($('#router-view').outerHeight() > $('.user-box').height()) {
$('.user-box').height($('#router-view').outerHeight())
}
}
},
beforeDestroy() {
// 在组件销毁前移除监听器,防止内存泄漏
window.removeEventListener('resize', this.handleResize);
window.removeEventListener('resize', this.handleHeight);
}
}
</script>
......