uniapp 设置背景图片

时间:2021-08-24
本文章向大家介绍uniapp 设置背景图片,主要包括uniapp 设置背景图片使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

uniapp 由于其特殊机制,导致了背景图片不能引用本地图片。只能通过 转成 base64 来进行设置

附上链接:https://oktools.net/image2base64 图片转成base64的网址,百度一大推

找一个空白页面

随便设置一个 class 名字,然后填充内容

background-image: url(data:image/png;base64,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);
    background-size:100%;
    // height: 600upx; //立即看效果的可以设置宽高,用内容填充的就不需要
    // width: 100%;
    background-size: contain;
    background-repeat: no-repeat;

原文地址:https://www.cnblogs.com/majiayin/p/15179130.html