masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > applet WeChat > Pembangunan program mini > 开发小程序时怎么设置背景图片

开发小程序时怎么设置背景图片

王林
Lepaskan： 2020-12-29 09:29:53
ke hadapan
4071 orang telah melayarinya

开发小程序时怎么设置背景图片

导语：

我们知道在开发微信小程序时，是不能直接在wxss文件里引用本地图片的，否则在运行时会出现如下错误：

（学习视频分享：编程视频）

“本地资源图片无法通过WXSS获取，可以使用网络图片，或者 base64，或者使用标签。”

本文介绍使用标签的方法。

具体步骤：

1、在wxml文件中添加一个标签：

<!--页面根标签-->
<view class="content">
	<!--pics文件夹下的background.jpg文件-->
	<image class=&#39;background&#39; src="../../pics/background.jpg" mode="aspectFill"></image>
	<!--页面其它部分-->
</view>
Salin selepas log masuk

2、在wxss文件中添加：

page{
  height:100%;
}
.background {
  width: 100%;
  height: 100%;
  position:fixed; 
  background-size:100% 100%;
  z-index: -1;
}
Salin selepas log masuk

要说明的是z-index: -1，可以让图片置于最底层，不会影响其它部分。

（相关推荐：小程序开发教程）

Atas ialah kandungan terperinci 开发小程序时怎么设置背景图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
Program mini imej latar belakang
sumber：csdn.net
Artikel sebelumnya：小程序转发功能的实现 Artikel seterusnya：怎们实现微信小程序拨号功能
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Apakah amalan terbaik untuk memaparkan maklumat versi dalam aplikasi web? Saya sedang membangunkan aplikasi web. Apakah amalan terbaik untuk memaparkan maklumat ver...
daripada 2024-04-06 19:13:16
0
2
476
Mengapa teg jam saya lut sinar apabila ia ditetapkan kepada warna putih pepejal? Saya mempunyai html (dengan bootstrap) dan css, dalam html saya, saya mempunyai tag <hr...
daripada 2024-04-06 16:13:26
0
1
500
Tidak dapat mendapatkan data kuki daripada pelayan Go menggunakan React Selepas React saya mula pergi ke bahagian belakang dan menambah githubOAUTH dan sesi pada ...
daripada 2024-04-06 13:09:26
0
1
384
Ralat umum dalam Laravel 9.x: Medan 'id' tidak mempunyai nilai lalai Saya menggunakan UUID dalam apl saya dan saya telah melaksanakan sifat seperti yang ditunj...
daripada 2024-04-06 11:12:54
0
1
350
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan