- 页面上的app header组件需要重构。
- 打开项目中的app header组件,修改其视图,移除点击事件、多余的style属性和切换主题小图标。
- 删除登录退出按钮并剪切组件视图。
- 完全移除原组件,创建新的函数类型组件命名为app header,并粘贴剪切的内容。
- 清除不必要的导入,引入名为account icon的小图标,位置是up account account的SVG。
- 修改组件视图,复制添加内容元素,设置地址为斜线,更换log in图标为account icon,并将out属性值设为用户登录。
- 在浏览器中测试新组件,确保点击账户小图标可以打开用户登录页面。