【uniapp/uview】解决 u-collapse 展开折叠的小箭头在有些型号的手机上不显示

引入:

使用 uview1 版本的 u-collapse 折叠面板组件时,需要更改它自带的小箭头的样式,更改之后在有些型号的手机上不显示;

最终样式:

分析:

原生的样式长这样:

观察样式后发现使用的是 unicode 字符,但是改了之后仍然不生效;

解决:

最后没有用 content,用了背景图片:

javascript 复制代码
::v-deep .uicon-arrow-down:before {
    // content: '⏷';
    // font-size: 20px;
    color: #929199;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../../../../static/gzt/AK-LN.png') center/contain no-repeat;
}
相关推荐
孟健8 小时前
Claude Code 同需求写两版对比:装不装 frontend-design 差多远?
前端·ai编程·claude
OpsEye8 小时前
大模型 Token 计量不准,是什么原因,怎么解决??
javascript·ai编程
梦de天空一米16889 小时前
【一个重复id让游戏卡在62%,聊聊配置表检查】
前端
用户3434612783209 小时前
用户认证系统在高并发下的幂等性与限流策略踩坑实录
css
ryn4839810 小时前
01 一个功能模块,怎么分层才不乱
前端·ai编程·claude
Amos_Web10 小时前
通过 Rspack 源码学 Rust(五):读懂 Result 与问号运算符的错误返回
前端
杨航 AI10 小时前
JEV的用法
java·前端·数据库
Amos_Web10 小时前
Rspack 源码解析(三十五):rspack_error 如何用 miette 渲染带源码定位的错误链
前端
去伪存真10 小时前
高敏资产场景下的大模型协同设计架构
前端·agent
修炼的dance10 小时前
OCR预处理测了108组,纠斜去噪有用,坑在顺序和力度
前端