本文小编为大家详细介绍“微信小程序开发中如何使用iconfont字体图标”，内容详细，步骤清晰，细节处理妥当，希望这篇“微信小程序开发中如何使用iconfont字体图标”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
新建项目并添加图标
在app.wxss中以unicode方式引入
定义通用icon样式，定义伪元素
使用
小程序并没有类似vuejs的v-model进行双向绑定，使用bindinput类似jQuery监听input事件在事件处理器中更新数据，通过event对象e.data.value即可获得input的值。
小程序中的事件处理器并不能像vue一样传入参数，因为事件处理器只有一个默认的参数event对象，在for循环的组件中如果要想获取元素绑定的id，可以通过和jQuery相同的方式绑定data属性。
获取id：
对应阻止冒泡事件将bind用catch替代
小程序的视图更新需要调用setData修改绑定数据，直接对数据进行修改是不会触发视图层更新的。setData接受一个对象，为需要添加或修改的属性。属性名有点特殊，[]中的值会被识别为变量，因此如果要对对象数组中的某个属性进行修改，只能预先拼接好属性名。 错误做法：
正确做法：
小程序wxss的background-image及image组件都不支持本地url 在H5的开发中，通常我们会将页面一些不需要根据容器大小来选择显示方式的图片使用img标签，需要一些特殊显示方式的使用background。但小程序只需要image组件便可。它提供的mode属性和背景定义图片及img元素控制图片显示方式对比
其他的top、bottom、right、left等不缩放图片调整位置的属性与background-position作用相同，img元素则只能通过定位控制。
如果没有强迫症，小程序API使用默认回调的方式即可；另外由于小程序只支持es6，不支持async及await，也可以将API封装成promise的方式。
使用：
调试器没有css快捷提示功能和颜色面板，影响布局及颜色调整效率（随性派）
无法引入第三方js库
内置组件单调，没有考虑字体数量比较多时的自适应情况
不支持跳转外部链接
背景图片或者image组件不能用本地图片读到这里，这篇“微信小程序开发中如何使用iconfont字体图标”文章已经介免费云主机域名绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注百云主机行业资讯频道。
这篇文章主要介绍JavaScript如何实现title显示日期，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！title显示日期把如下代码加入以上是“JavaScript如何实现title显示日期”这篇文章的所有内容，感谢各位的阅读！希望…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
