把它注释掉就能解决图标显示方框的问题。 至于这个注释掉的字体,就只能换种方法配置了,不要影响到uview的图标字体就行。 2. 如果不是上述问题,那就到u-icon.vue中把字体下载下来转换成Base64格式 (1)找到路径下uview-ui/components/u-icon/u-icon.vue文件,找到下面这段代码 1 2 3 4 @font-face {
可知,官方使用的是阿里云图标库的线上库,浏览器访问https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf这个地址,下载字体文件放到本地的static文件目录下 然后将u-icon.vue文件中的https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf 统一替换为 /static/font_2225171_8kdcwk4po24.tt...
因为在nvue下暂时无法解决自定义图标的问题,所以此功能暂缓推出。 icon 下载地址 通过形式来调用,设置name参数为图标名即可。其中color默认为#606266,size默认为16px copy # 修改图标的样式 通过color参数修改图标的颜色 通过size参数修改图标的大小,单位为 px copy # 图片图标 这里说的图片图标,指的是小图标,...
这是因为uView有统一的字体图标组件,使用方便,配置灵活,且风格统一。 说明 以下说明和演示,均针对阿里字体图标库 (opens new window),其他字体库源同理 总的来说,我们要实现的效果如下: @font-face { /* 声明"custom-icon"字体 */ font-family: "custom-icon"; src: url('data:application/x-font-woff2...
确保你的代码中正确使用了uView提供的u-input组件及其属性来控制密码的显示和隐藏。 参考以下代码示例,检查你的实现是否类似: vue <template> <u-input v-model="password" :password="isPasswordVisible" placeholder="请输入密码" > <template slot="suffix"> <u-icon :name="isPas...
icon左侧图标名,只支持uView内置图标,见Icon 图标String-- icon-style1.4.0icon的样式,对象形式Object-- value右侧内容String-- label标题下方的描述信息String-- border-bottom是否显示cell的下边框Booleantruefalse border-top是否显示cell的上边框Booleanfalsetrue ...
border-bottom是否显示表单域的下划线,如果给Input组件配置了边框,可以将此属性设置为false,从而隐藏默认的下划线。 如果想在表单域配置左右的图标(或小图片,1.3.0开始,Icon 图标可以配置图片),可以通过left-icon和right-icon参数实现。 #表单验证 uView的表单组件具备完整的验证功能,在开始之前,需要了解如下几个注意事...
#配置图标 volume-icon参数配置是否显示左侧的音量小喇叭图标,默认显示 more-icon配置是否显示右侧的向右箭头,默认关闭 close-icon配置是否显示关闭的图标,默认关闭 #配置滚动速度 mode为vertical(垂直滚动),或者mode为horizontal且is-circular为false时,两者都可视为"步进"滚动,此时通过duration设置滚动周期时长 mode为ho...
uview集成⾃定义图标u-iconcustom-prefix 1. 下载svg格式的⽂件（如果是png等图⽚，先将图⽚转svg）2. 上传svg⽂件到阿⾥字体图标库 设置name 在右上⾓的”更多操作”中，进⼊”编辑项⽬” 修改”FontClass/Symbol 前缀”项为”custom-icon-“，修改”Font Family”为”custom-icon”3. 下载...