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

引入:
使用 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;
}

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-13 07:22:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-13 07:22:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-13 07:22:05       87 阅读
  4. Python语言-面向对象

    2024-03-13 07:22:05       96 阅读

热门阅读

  1. uniapp实现点击选项跳转到应用商店进行下载

    2024-03-13 07:22:05       46 阅读
  2. uniapp 自动更新版本并安装

    2024-03-13 07:22:05       37 阅读
  3. uniapp手机号一键登录

    2024-03-13 07:22:05       33 阅读
  4. 分布式微服务 - 3.降级熔断 - 3.Sentinel

    2024-03-13 07:22:05       40 阅读
  5. C++中箭头运算符重载的细节

    2024-03-13 07:22:05       40 阅读
  6. 【XR806开发板试用】xr806 RTC实验

    2024-03-13 07:22:05       42 阅读
  7. awk命令——显示第2列至最后1列的内容

    2024-03-13 07:22:05       40 阅读
  8. python bug与debug

    2024-03-13 07:22:05       44 阅读
  9. HTML和CSS是前端开发中最基础的两个技术[入门级]

    2024-03-13 07:22:05       43 阅读
  10. 布尔盲注+时间盲注+堆叠注入

    2024-03-13 07:22:05       46 阅读