微信小程序添加一個圖片到頁面的方法:1.創建微信小程序項目;2.在pages包中創建一個文件夾存放圖片素材;3.在index.wxml文件中使用圖片標簽組件調用圖片素材;4.在index.wxss文件中添加樣式設計圖片的大小;5.保存編輯的代碼并進行調試即可。
具體實現內容:
1、首先在創建一個微信小程序項目。
2、在項目的pages包中創建一個文件夾用于存放圖片素材。
3、在pages包下的index目錄中index.wxml文件里使用圖片標簽組件<image>進行調用圖片素材。
<image class="login-img" src="../img/login.jpg"></image>
4、可以通過pages包下的index目錄中index.wxss文件添加樣式改變圖片的大小。
page{height: 100%;
}
.login-img{
width: 750rpx;
}
5、最后保存編輯的代碼進行調試,保存快捷鍵【Ctrl+S】。
在開發工具左側即可看到設計效果。