律师微信小程序开发:小程序图片使用示例

  • 2018-05-28
  • 3467

律师小程序开发中,很多地方都会需要用到图片展示,那在小程序里图片怎么使用,跟HTML有没有差别呢?我们来看一下。

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

1:加载本地文件夹图片

<image src="/image/pig.jpg" mode="aspectFill"> </image>

2:加载服务器图片

wxml:

<image src="/image/pig.jpg" mode="aspectFill"> </image>

js:

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

或者直接在wxml写代码:

<image src="http://www.intmote.com/timg.jpg" mode="aspectFill"> </image>

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

方法一:

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

方法二:

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

相关阅读

律师小程序开发前必须了解的小知识

律师微信小程序入门教程

律师小程序开发:微信开发者工具的快捷键

成都律品科技有限公司专注律师互联网营销技术服务,创始人员2009年开始从事律师行业互联网技术开发、营销运营工作已十年,2018年公司正式成立,不断探索律师行业服务需求,致力于为律师行业提供透明、优质的服务,现已为全国多家律师事务所、律师团队提供互联网技术及营销支持。

在线咨询
  • 152-0832-9147

  • 105991110

全时在线,如未回复请留下联系方式

微信咨询