【笔记】微信小程序引入背景图

简介: 微信小程序引入背景图

一、图片引用

wxss中直接引用本地图片会报错:

url(../../images/login/bg.png-do-not-use-local-path-./pages/login/login.wxss&15&20)

使用本地图片的话,需要在行内样式中引用

<view style="background:url('../../images/login/bg.png')"></view>
...
<image class="bg" src="/images/login/bg.png"></image>

,外部wxss只能引用线上图片(需要上传服务器后引用)

tips:数据量小的话这里建议使用小程序自带的云存储,
在这里插入图片描述
在这里插入图片描述
续费说明 | 微信开放文档

二、样式处理

背景图片既可以直接在最外层view使用background,也可以在relative的外层view内使用absolute的image标签(记得宽高设置100%)


相关文章
|
12天前
|
JSON 小程序 JavaScript
原生微信小程序笔记完整总结
原生微信小程序笔记完整总结
28 1
|
7月前
|
小程序
云笔记微信小程序模板
一款简单的云笔记,记事本,手机备忘录微信小程序页面模板。包含:添加记事本、内容编辑、用户反馈等。
218 0
|
8月前
|
存储 JSON 测试技术
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(三)
65 0
|
8月前
|
JSON 缓存 小程序
技术笔记:uniapp微信小程序支付
技术笔记:uniapp微信小程序支付
|
8月前
|
容器
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(二)
126 0
|
8月前
|
API 开发者
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
【cocos 2d微信小游戏开发教程】基础使用笔记分享(一)
189 0
|
8月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的笔记记录分享网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的笔记记录分享网站附带文章源码部署视频讲解等
43 0
|
存储 缓存 小程序
微信小程序开发笔记—记事本
本文介绍了如何实现记事本功能,有全部代码、详细设计思路以及踩坑点。
374 2
|
9月前
|
存储 小程序 前端开发
前端知识笔记(四十六)———什么是小程序,什么是数据库
前端知识笔记(四十六)———什么是小程序,什么是数据库
64 0
|
存储 小程序 数据可视化
微信小程序开发笔记—天气获取显示
本文主要介绍了如何实现微信小程序的天气获取和显示功能,内容全面,而且附有实现程序,有一定的参考价值。
386 0

热门文章

最新文章