51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

微信小程序class中使用三元表达式

微信小程序class中使用三元表达式

<viewclass="type-bottom{{changeType==0?‘type-none‘:‘type-block‘}}"></view>关键:注意条件后面的class名加单引号,否则无效。...

微信小程序canvas画布自适应屏幕大小

微信小程序canvas画布自适应屏幕大小

1.在canvas的style中动态设置高和宽<canvasclass=‘canvas‘disable-scroll=‘true‘></canvas>2.在.js生命周期函数中获取可使用窗口高度和宽度来调整canvas的高和宽wx.getSystemInfo({success:function(...

微信小程序图片上传java后台(前后端代码)

微信小程序图片上传java后台(前后端代码)

小程序代码upload:function(e){varthat=this;wx.showActionSheet({itemList:[‘从相册选择‘,‘拍照‘],itemColor:"#f7982a",success:function(res){if(!res.cancer){if(res.tapIndex==0){t...

微信小程序居中样式代码

微信小程序居中样式代码

html页面:{  text-align:center;}wxss页面:{  width:100%;  height:100%;  display:flex;  justify-content:center;}...

微信小程序中使用iconfont(阿里矢量图标字体)

微信小程序中使用iconfont(阿里矢量图标字体)

在微信小程序中使用iconfont主要有两种方式,第一种是使用Fontclass方式,第二种是使用Unicode方式。方式一:Fontclass方式1.在 http://iconfont.cn/选择你想要的图标,选择Fontclass类型并下载到本地。2.解压下载到本地的压缩包,将里面的iconfont.cs...

微信小程序获取用户运动步数出错,代码41003

微信小程序获取用户运动步数出错,代码41003

获取运动步数主要是两个要点:1、获取用户授权(获取用户信息的授权和获取运动步数的授权)2、在获取运动步数一、获取用户授权由于微信的一些授权接口都要废弃了,所以自己只能用弹窗+button的形式来引导用户授权。具体流程:(1)调用getsetting来判断用户是否授权获取用户信息,有授权的话直接调用wx.login和wx...

解决微信小程序encryptedData 出错:pad block corrupted

解决微信小程序encryptedData 出错:pad block corrupted

wx.getUserInfo可以获取用户的openId和unionId,这时候要对接口返回的加密数据(encryptedData)进行对称解密。/***功能描述:*〈功能详细描述〉**@paramargs*@see[相关类/方法](可选)*@since[产品/模块版本](可选)*/publicstaticvoidmai...

微信小程序实现三行三列九宫格布局的方法教程

微信小程序实现三行三列九宫格布局的方法教程

九宫格布局在移动端使用较多,总结一下自己的方法。微信小程序实现三行三列的九宫格方法1:使用百分比    一个父容器设置宽度为100%,父容器中包含九个小格子,宽度为父容器的33.3%(此处需要自己调试),然后使其横向排列,三格结束自动挤到下一行排列。方法二:使用wx:for创建一...

微信小程序wx.canvasToTempFilePath方法运用时遇到的问题及解决办法

微信小程序wx.canvasToTempFilePath方法运用时遇到的问题及解决办法

我们先看一波wx.canvasToTempFilePath的官方文档:把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。OBJECT参数说明:参数类型必填说明最低版本xNumber否画布x轴起点(默认0)1.2.0yNumber否画布y轴起点(默认0)1.2.0widthNumber否画布宽度(默认为ca...

微信小程序wx.upload上传图片后台java

微信小程序wx.upload上传图片后台java

前台代码:bindPhoto(e){varthat=this;wx.chooseImage({count:1,sizeType:[‘original‘,‘compressed‘],//指定原图或者压缩图sourceType:[‘album‘,‘camera‘],//指定图片来源success:function(res)...

微信小程序页面之间的参数传递,编辑完当前页面返回数据到上一页更新

微信小程序页面之间的参数传递,编辑完当前页面返回数据到上一页更新

一:页面之间的参数传递有两种方式进行页面传值1.使用WXML中的导航控件navigator带参数2.使用接口wx.redirectTo、wx.navigateTo带参数目标页面统一在onload事件的参数option取到相应的参数值WXML中的导航控件navigator,设置url的中使用“?”后就是定义参数如下:定义...

微信小程序WXSS水平居中

微信小程序WXSS水平居中

  微信小程序WXSS水平居中,微信小程序WXSS是怎么样的呢?你想知道吗?福利来啦!小编收集整理了一些资料,通过这篇文章介绍了微信小程序WXSS水平居中,有兴趣的宝宝可以来瞧瞧。  WXSS  WXSS(WeiXinStyleSheets)是MINA设计的一套样式语言,用于描述WXML的组件样式。  WXSS用来决定...

微信小程序去除左上角返回键,几种页面的跳转方式

微信小程序去除左上角返回键,几种页面的跳转方式

碰到这个问题,是因为没了解这里面的层级关系:默认的是navigator跳转,其它跳转方式open-type属性可选值是'navigate'、'redirect'、'switchTab'等 官网上这么写的:对应于wx.navigateTo、wx.redirectT...

微信小程序css篇----字体(Font)

微信小程序css篇----字体(Font)

一.字体:font。属性在一个声明中设置所有字体属性。可设置的属性是(按顺序):"font-stylefont-variantfont-weightfont-size/line-heightfont-family".font-size和font-family的值是必需的。如果缺少了其他值,默认值将被...

微信小程序实现淡入淡出效果(页面跳转)实现方法

微信小程序实现淡入淡出效果(页面跳转)实现方法

//目前小程序没有fadeIn(),fadeOut()方法所以还是本方法手写1<!--wxml--><!--蒙版(渐出淡去效果)--><viewclass="aa"></view><!--正式内容(渐入加深效果)-->2<viewclass="conta...