# 1 05.登录页图标引入响应式开发
* #### 引入图标
```js
npm install @element-plus/icons-vue
```
* #### 全局引入图标 main.js
```js
...略
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
app.component(key, component)
}
...略
```
* #### 登录组件： login.vue
```js
欢迎回来
账号密码登录
登录
```
* ### 添加路由
```js
// src/router/index.js
import Login from '~/pages/login.vue'
const routes = [
...略
{ path: "/login", component: Login, name: "login"}, // +
]
```
* #### 效果
