前提:
用vuecli创建 uniapp项目 主要适配安卓端,兼容h5;
项目依赖版本:
“uview-ui”: “^2.0.34”,
“vue”: “^2.6.11”,
官方文档解决方案按照文档去操作
结果:图标显示不正确;
前期图标导入操作还是按照官方文档来操作,我说一下大家需要注意的点;
注意 1. 图标库项目设置——选择Base64
2~7的操作步骤都和官方说的一样,请移步到官方说明;
icon样式可以在iconfont.css中进行更改,这里我选用了官网图标的颜色;
核心代码:
其中 custom-icon-eye-off是你实际图标的名字;
效果展示:
动态去更改type 在H5端是可行的 但是在安卓端就失效;
核心就是用v-show去控制显示和隐藏;
这种方式虽然能解决但是不理想;如果有好的解决方案欢迎来戳!!!
社区里也有改源码的方案,但是不推荐!
value值中有4个值;
h5中,value绑定多少都正常显示;
安卓中,运用排除法发现如果value值中超过3个的话,展开失效,暂未找到好的方法,可能换组件不想造轮子;
上一篇:1.6 动态库的制作和使用