微信小程序使用image组件显示图片的方法【附源码下载】
2017-12-08 09:58
1076 查看
本文实例讲述了微信小程序使用image组件显示图片的方法。分享给大家供大家参考,具体如下:
1、效果展示
2、关键代码
① index.wxml
② index.js
Page({ data:{ // text:"这是一个页面" imageSrc:'../../pages/image/img.jpg' } })
3、源代码点击此处本站下载。
关于image组件的详细说明还可参考官网https://mp.weixin.qq.com/debug/wxadoc/dev/component/image.html
希望本文所述对大家微信小程序开发有所帮助。
您可能感兴趣的文章:
相关文章推荐
- 微信小程序例子——使用image组件显示图片
- 微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
- 微信小程序image组件binderror使用例子(对应html、js中的onerror) ,图片失效显示默认图片
- 微信小程序使用progress组件实现显示进度功能【附源码下载】
- 微信小程序实现image组件图片自适应宽度比例显示的方法
- 微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
- 微信小程序image图片自适应宽度比例显示的方法
- 微信小程序使用audio组件播放音乐功能示例【附源码下载】
- 微信小程序loading组件显示载入动画用法示例【附源码下载】
- 微信小程序image图片自适应宽度比例显示的方法
- 微信小程序使用checkbox显示多项选择框功能【附源码下载】
- 微信小程序image图片自适应宽度比例显示的方法
- 微信小程序使用video组件播放视频功能示例【附源码下载】
- 微信小程序使用radio显示单选项功能【附源码下载】
- 微信小程序使用input组件实现密码框功能【附源码下载】
- 微信小程序图片轮播组件gallery slider使用方法详解
- 【微信小程序常见问题】使用picker组件显示年份解决方案
- Asp.net中图片存储数据库以及页面读取显示通用方法详解-附源码下载
- 微信小程序自定义toast实现方法详解【附demo源码下载】
- 微信小程序的image无法显示base64的图片的问题