微信小程序image组件图片宽度高度自适应

微信小程序image组件图片宽度高度自适应

由于微信小程序image组件图片有默认固定的宽度和高度,这样我们在做项目的时候,图片不会自适应,出现变形的现象。image组件官方介绍:https://developers.weixin.qq.com/miniprogram/dev/component/image.html。image组件默认宽度300px、高度225px;image组件中二维码/小程序码图片不支持长按识
浏览:110 标签: image 微信小程序 自适应 时间: 2018-10-19 11:03
微信小程序下拉刷新onPullDownRefresh

微信小程序下拉刷新onPullDownRefresh

页面事件处理函数-onPullDownRefresh()    (1) 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。    (2) 可以通过wx.startPullDownRefresh触发下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。    (3) 当处理完数据刷新后,wx.stopPullDow
浏览:213 标签: onPullDownRefresh 微信小程序 stopPullDownRefresh 时间: 2018-10-17 11:19
微信小程序去掉scroll-view滚动条

微信小程序去掉scroll-view滚动条

在使用 scroll-view 组件的时候,当你滑动的时候默认会出现滚动条的,现在有2种方法可以隐藏滚动条。方法一::-webkit-scrollbar {width:0;height:0;color: transparent;}方法二::-webkit-scrollbar {display: none;}scroll-view其他问题:微信小程序scroll-v
浏览:114 标签: scroll-view 微信小程序 时间: 2018-10-16 15:53
微信小程序scroll-view左右横向滑动没有效果(无法滑动)问题

微信小程序scroll-view左右横向滑动没有效果(无法滑动)问题

小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动之分,官方文档介绍:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html在使用scroll-view过程种,发现scroll-view横向滑动没有了效果,编译后元素布局也不对,经过多方查资料:    1. s
浏览:92 标签: 微信小程序 scroll-view 时间: 2018-10-16 11:36
微信小程序app.json全局配置之tabBar配置

微信小程序app.json全局配置之tabBar配置

如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。属性类型必填默认值描述colorHexColor是tab 上的文字默认颜色selectedColorHexColor是tab 上的文字选中时的颜色backgroundColorHexColor是t
浏览:109 标签: tabBar 微信小程序 时间: 2018-10-12 15:54
微信小程序获取用户信息的两种方法wx.getUserInfo&open-data

微信小程序获取用户信息的两种方法wx.getUserInfo&open-data

wx.getUserInfo获取用户信息:调用前需要 wx.getSetting 用户授权 scope.userInfo。如果用户未授权获取用户信息, 你调用这个wx.getUserInfo() , 小程序会弹出一个授权的弹出框。// 获取用户信息wx.getSetting({ success: res => {console.log(res)if (res.aut
浏览:191 标签: 小程序 getUserInfo open-data 时间: 2018-10-11 18:18
微信小程序通过wx.login获取用户openId、session_key

微信小程序通过wx.login获取用户openId、session_key

wx.login(Object object)调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key)等。用户数据的加解密通讯需要依赖会话密钥完成,官方介绍:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/
浏览:155 标签: 小程序 wx.login openId 时间: 2018-10-11 17:23
微信小程序开发前的环境搭建

微信小程序开发前的环境搭建

1、注册小程序(已注册忽略此步骤)    傻瓜式注册方式。可参考官方注册流程提示:https://developers.weixin.qq.com/miniprogram/introduction/index.html2、获取小程序ID【AppID】    2.1 进入网址【https://mp.weixin.qq.com】,登入。    2.2 【设置】->【开发
浏览:186 标签: 小程序 微信 时间: 2018-09-21 10:50
利用translate实现移动端滑屏效果(缓冲动画/滚动条)

利用translate实现移动端滑屏效果(缓冲动画/滚动条)

css代码body {margin:0; }body,html {height:100%;overflow: hidden;position: relative; }header {height:40px;font-size:20px;color:#fff;text-align: center;background:#000;line-height:40px; }footer
浏览:464 标签: 滚动条 translate 移动端 时间: 2018-04-11 23:53
移动端事件对象-touches/targetTouches/changedTouches

移动端事件对象-touches/targetTouches/changedTouches

        当给某个元素加上了事件绑定函数之后,事件函数默认的第一个参数就是事件对象。        事件对象:当用户在浏览器下触发了某个行为,事件对象会记录用户操作时一些细节信息。         touches:当前位于*屏幕*上的所有手指的一个列表         targetTouches:位于当前DOM元素上的手指的一个列表         chan
浏览:537 标签: touches targetTouches changedTouches 移动端 时间: 2018-01-10 23:05
移动端touch事件-ontouchstart/ontouchmove/ontouchend

移动端touch事件-ontouchstart/ontouchmove/ontouchend

        移动端的三大事件         手指按下:ontouchstart;手指移动:ontouchmove;手指抬起:ontouchend。       注意:在移动端开发的时候,浏览器的模拟器时好时坏,一般不用on的方式绑定事件函数,要用事件绑定的方式 (addEventListener)。 var div = document.getElementByI
浏览:566 标签: touch 移动端 时间: 2018-01-09 21:39
移动端开发适配方式-百分比适配/rem适配/弹性盒模型

移动端开发适配方式-百分比适配/rem适配/弹性盒模型

1、百分比适配<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><metaname="viewport"content="width=device-width,user-scalable=no"><styletype="text/css">     body {marg
浏览:596 标签: 适配 移动端 rem 时间: 2018-01-03 23:24

邮箱快速注册

忘记密码