博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序图片使用示例
阅读量:5332 次
发布时间:2019-06-14

本文共 532 字,大约阅读时间需要 1 分钟。

小程序官方API:

1:加载本地文件夹图片

       

2:加载服务器图片

wxml:

      

js:

Page({  data: {    imageUrl: "http://www.intmote.com/timg.jpg",      },

或者直接在wxml写代码:

      

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

方法一:

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

方法二:

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

详见上一篇博客:

原文作者:祈澈姑娘

技术博客:

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

坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。

关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。公众号回复“1”,拉你进程序员技术讨论群

转载于:https://www.cnblogs.com/wangting888/p/9701442.html

你可能感兴趣的文章
洛谷 4364 [九省联考2018]IIIDX
查看>>
洛谷 3870 [TJOI2009]开关
查看>>
【牛客-16643】统计数字(简单排序)
查看>>
www.aaa.com/index.html跳转www.aaa.com设置
查看>>
ssdb binlog机制 存疑
查看>>
Vue 2.0 组件库总结
查看>>
HDU5033 Building(单调栈)
查看>>
Kafka 安装配置 及 简单实验记录
查看>>
想成为程序猿?28个程序员专供在线学习网站(转)
查看>>
font-style: oblique文字斜体,display:inline-block显示间隙
查看>>
css设置滚动条并显示或隐藏
查看>>
【leetcode❤python】13. Roman to Integer
查看>>
常用关于 JavaScript 中的跨域访问方法
查看>>
织梦万能调用LOOP标签!
查看>>
Microsoft 官网 socket异步
查看>>
asp.net MVC helper 和自定义函数@functions小结
查看>>
L1-Day34
查看>>
Linux主机在LNMP环境中同时运行多个PHP版本
查看>>
玩转Xcode之修改系统生成的注释模板
查看>>
8、二进制中1的个数------------>剑指offer系列
查看>>