搜索框两边的图标没有出来

搜索框两边的图标没有出来

fonts里面的路径配好了的,header.vue的标签也是照着老师写的

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
好帮手慕码 2019-12-30 19:03:09

同学你好,老师测试你的代码结果:

(1)图标引入正常

(2)没有出现两个搜索框字样

如下:

http://img1.sycdn.imooc.com//climg/5e09d0f209d79cce04520148.jpg

另,单词写错:导致搜索框没有出来

http://img1.sycdn.imooc.com//climg/5e09d91f0988b80704410095.jpg

效果:

http://img1.sycdn.imooc.com//climg/5e09d947094c3df604670232.jpg

图标没出来应该是引入的问题了,建议同学看下fonts文件的配置,可参考视频:https://class.imooc.com/lesson/824#mid=20512

http://img1.sycdn.imooc.com//climg/5e09d12109bdfbc307420515.jpg

如果我回答帮到了你,欢迎采纳,祝学习愉快~

好帮手慕码 2019-12-30 16:21:29

同学你好,没有同学的代码无法准确判断没有效果的原因,引入的话,在上一个课程中讲过,老师已经提前在项目中配置好了,所以直接使用了,建议同学去复习一下,地址如下:

https://class.imooc.com/lesson/824#mid=20512

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 凛冬将至0_0 #1
    <template> <me-navbar class="header"> <i class="iconfont icon-scan" slot="left"></i> <div loft="center">搜索框</div> <i class="iconfont icon-msg" slot="right"></i> </me-navbar> </template> <script> import MeNavbar from "base/navbar"; export default { name: "HomeHeader", components: { MeNavbar } }; </script> <style lang="scss" scoped> </style> 这个是header页面
    2019-12-30 17:36:44
  • 提问者 凛冬将至0_0 #2
    页面上出现了两个搜索框字样,请问这是为什么
    2019-12-30 18:15:18
提问者 凛冬将至0_0 2019-12-30 15:17:10

估计是没有引入的原因,但是vue中怎么引入呢

  • 提问者 凛冬将至0_0 #1
    最好讲述一下完整的引用链
    2019-12-30 15:24:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师