当前位置: 主页 > 日志 > 个人日记 > 文章

uni-app背景图片

发布时间: 2021-09-09 12:45:20 作者: 王乐园 浏览次数: 859

uni-app 支持使用在 css 里设置背景图片,使用方式与普通 web 项目相同,需要注意以下几点:

uni-app 支持使用在 css 里设置背景图片,使用方式与普通 web 项目相同,需要注意以下几点:

  • 支持 base64 格式图片。
  • 支持网络路径图片。
  • 使用本地路径背景图片需注意:
    1. 图片小于 40kb,uni-app 会自动将其转化为 base64 格式;

    2. 图片大于等于 40kb, 需开发者自己将其转换为base64格式使用,或将其挪到服务器上,从网络地址引用。

    3. 本地背景图片的引用路径仅支持以 ~@ 开头的绝对路径(不支持相对路径)。

 .test2 {
     background-image: url('~@/static/logo.png');
 }

本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: