ivew 网站导航地址栏小图标设置

今天药忘吃喽~ 2023-10-18 13:54 198阅读 0赞

最近，接到一个需求要在导航地址栏前面加上一个小图标。作为一个资深后端开发，听到这个要我做整个人都不好了。但弄出来还是很简单的。效果如下：

20190118165134258.png

步骤1：弄一个图标先；

20190118165337186.png

步骤2：在index.html页面里面添加一个标签

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MjczMDA5_size_16_color_FFFFFF_t_70

  1. <link rel="icon" href="./facicon.ico" type="image/x-icon" />

步骤3：可以在build/webpack.dev.conf.js中进行配置favicon属性

20190118170334215.png

  1. new HtmlWebpackPlugin({
  2.             filename: '../index.html',
  3.             template: '../index.html',
  4.             inject: false,
  5.             favicon: './facicon.ico'
  6.         })

步骤4：重新运行下，网页上就出来啦！！！

发表评论

表情：
评论列表 （有 0 条评论，198人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序设置底部导航栏

    一、概述 微信小程序底部想要有一个漂亮的导航栏目，不知道怎么制作，于是百度找到了本篇文章，分享给大家。 好了 小程序的头部标题 设置好了，我们来说说底部导航栏是如何实现

    傷城~傷城~/ 0 赞/ 418 阅读