0
点赞
收藏
分享

微信扫一扫

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

芷兮离离 03-15 21:00 阅读 4

引入:
使用 uview1 版本的 u-collapse 折叠面板组件时,需要更改它自带的小箭头的样式,更改之后在有些型号的手机上不显示;
最终样式:
在这里插入图片描述

分析:
原生的样式长这样:
在这里插入图片描述
在这里插入图片描述

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

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

::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;
}
举报

相关推荐

0 条评论