使用微信小程序写一个简单的图片显示代码
时间: 2024-05-19 15:10:24 浏览: 52
好的,下面是一个简单的微信小程序代码,可以用于显示图片:
```xml
<!-- index.wxml -->
<view class="container">
<image src="{{imgUrl}}"></image>
</view>
```
```javascript
// index.js
Page({
data: {
imgUrl: 'https://example.com/image.jpg' // 图片的URL地址
}
})
```
```css
/* index.wxss */
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
image {
max-width: 100%;
max-height: 100%;
}
```
这个代码会在微信小程序界面中显示一个图片,图片的URL地址通过 `imgUrl` 变量来指定。需要注意的是,图片的URL必须是HTTPS协议的,否则无法显示。
这只是一个简单的示例代码,您可以根据实际需求进行修改和扩展。
阅读全文