前端学习（2683）：重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标

在 main.js 中导入字体图标

然后在 el-input 组件中通过 prefix-icon 进行相关图标引用

最终效果图如下：

前端学习（2683）：重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标相关推荐

前端学习（2684）：重读vue电商网站5之登录页面总结如何进行表单验证
Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可. 通过 rules 属性传入约定的验证规则将 ...
前端学习（2682）：重读vue电商网站3之登录页面总结el-form 组件问题
el-form 组件默认是 content-box,我们设置其如下属性时,就会出现长度比我们想象中长一点的情况. .login_form {position: absolute;bottom: 60p ...
前端学习（2686）：重读vue电商网站7之登录预校验
在我们点击登录按钮,不应该直接发起网络请求,而是应该对表单进行预校验,检验成功才会发送请求. 拿到表单引用对象,即可进行对表单的校验. 首先,给登录按钮通过 @click 来绑定一个事件下一步,在 ...
前端学习（2741）：重读vue电商网站51之首页内容定制
不同的打包环境下,首页内容可能会有所不同.我们可以通过插件的方式进行定制,插件配置如下: Javascript chainWebpack: config => {config.when(proc ...
前端学习（2705）：重读vue电商网站26之路由导航守卫控制访问权限
如果用户没有登录,但是直接通过URL访问特定页面,需要重新导航到登录页面. 在之前的操作中,我们登录之后会种植一个 token 值,表示我们登录成功了,那么此时我们将 token 值去掉呢? 直接点击 ...
前端学习（2743）：重读vue电商网站53之项目上线
通过 node 创建 web 服务器. 开启 gzip 配置. 配置 https 服务. 使用 pm2 管理应用. 通过 node 创建 web 服务器创建 node 项目,并安装 express, ...
前端学习（2742）：重读vue电商网站52之路由懒加载
当打包构建项目时,JavaScript 包会变得非常大,影响页面加载.如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了. 具体需要 3 步: 安 ...
前端学习（2739）：重读vue电商网站49之第三方库使用CDN
通过 externals 加载外部 CDN 资源默认情况下,通过 import 语法导入的第三方依赖包,最终会被打包合并到同一个文件中,从而导致打包成功后,单文件体积过大的问题. 例如上述 chun ...
前端学习（2737）：重读vue电商网站47之生成打包报告
打包时,为了直观地发现项目中存在的问题,可以在打包时生成报告.生成报告的方式有两种: ① 通过命令行参数的形式生成报告 Javascript // 通过 vue-cli 的命令选项可以生成打包报告 / ...

前端学习（2683）：重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标

前端学习（2683）：重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标相关推荐

最新文章

热门文章