微信小程序图片使用示例

微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html

1:加载本地文件夹图片代码语言:javascript复制

2:加载服务器图片 wxml:

代码语言:javascript复制

js:

代码语言:javascript复制Page({

data: {

imageUrl: "http://www.intmote.com/timg.jpg",

}, 或者直接在wxml写代码:

代码语言:javascript复制

3:给小程序页面加载一张背景图片方法一:

使用背景图片的时候用网络图片,就是用外链的形式,比如你将这张图片放到你的服务器,如:https://xxxx/xxx.jpg;

方法二:

将背景图片使用编码base64进行转换,可以在这个网址进行http://tool.css-js.com/base64.html 转换,如:background-image: url("转换后得到的编码文本"),如果多次使用的话可以将该值设置为全局变量,再在js文件进行引用即可;

详见上一篇博客:https://cloud.tencent.com/developer/article/1140206

原文作者:祈澈姑娘

技术博客:https://www.jianshu.com/u/05f416aefbe1

90后前端妹子,爱编程,爱运营,爱折腾。

相关推荐

都是国民党的特务组织,“军统”和“中统”到底有什么区别?_手机网易网
免费秒赞软件大盘点,哪款好用?揭秘热门免费秒赞软件排行榜!
24寸电视排行榜评价怎么样品牌推荐以旧换新享政府补贴
会计辅助账怎么做
苹果主题软件哪个好
曾毅原来是益阳千禧,家乡故事大揭秘!