![](https://img-blog.csdnimg.cn/20200306134853902.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 94
学习、开发 总结
名字好长12
later equals never
展开
-
swiper组件 问题记录
问题描述:操作:swiper左右图片快速切换使得swiper组件发生异常(左右疯狂自动切换)场景描述:点击按钮下载轮播图中当前显示的图片。我设置了current的值,并且在滑动图片的时候动态修改了current的值,这一动态设置current值的操作使得swiper组件发生异常。解决方案:在动态设置current值之前进行判断是否是人为滑动引起的。if (e.detail.source === 'touch') { this.setData({ c.原创 2020-09-11 19:28:38 · 187 阅读 · 0 评论 -
微信小程序 - 引入js工具包
将下载的js文件放到指定位置,在要使用的界面的js的顶部加上代码:var QR = require("../../utils/qrcode.js");原创 2020-03-16 21:28:39 · 721 阅读 · 0 评论 -
微信小程序 - 断网提示
阅读提示:本文为个人总结类文章网络断开或者由WIFI切换到流量提示用户,都需要监听一下用户改变网络的状态,这里使用的微信小程序官方API为(监听网络状态变化事件):wx.onNetworkStatusChange(function callback);//官方示例代码wx.onNetworkStatusChange(function (res) { console.log(r...原创 2020-03-16 21:24:49 · 4320 阅读 · 0 评论 -
微信小程序 - 照片选择(使用base64上传)
效果图:(1)未选图片:(2)选中图片(未达到照片数量上限)(3)图片选择(达到照片数量上限)(4)点击图片预览实现代码(1)wxml文件代码:<view class="page__bd"> <view class="weui-cells__title">个人信息录入</view> <view class="weui-...原创 2020-03-11 14:14:19 · 437 阅读 · 0 评论 -
微信小程序 - weui的引入使用方法
查看weui是否是想要的表单样式,样式大致为: 下载weui 链接:https://pan.baidu.com/s/1jYqX1TEsyPWAqUHLwUm19Q提取码:kvtc 引入weui (1)将src->style->weui.wxss复制到自己项目的最外层文件夹中(2)在app.wxss文件中顶部加上如下代码/* 这里的""里...原创 2020-03-11 11:02:52 · 3350 阅读 · 3 评论 -
微信小程序 - 获取屏幕的大小
使用wx.getSystemInfo(Object object)接口获取打开小程序的机型参数。 常用的有:screenWidth(屏幕宽度) screenHeight(屏幕高度) statusBarHeight(状态栏的高度) 实例代码: /*在App.js中写的函数,将获取的值 放到系统全局变量里面去*/ wx.getSystemInfo({ succ...原创 2020-03-11 10:08:30 · 1655 阅读 · 0 评论 -
微信小程序 - 界面跳转
swicthTab switchTab跳转只能跳转到有tabBar(底部导航栏)的界面。 navigateTo navigateTo:跳转到界面之后会有返回箭头。 navigateBack 跳到上一页,只能和navigateTo一起使用,上一个界面没有navigateTo的话,报错:没有firstPage。 redirectTo 跳转界面之后没有返回箭头。...原创 2020-03-16 21:29:25 · 311 阅读 · 4 评论 -
微信小程序 - 导航栏(顶部+底部+顶部全屏自定义)
目录顶部导航栏(常规模式)自定义导航栏(全屏模式)底部导航栏顶部导航栏(常规模式)设置导航栏文字在相应界面的json中加入属性、值:"navigationBarTitleText":"标题内容", 2.设置导航栏颜色在相应界面的Json 文件中加入属性、值,值只能是十六进制的颜色。"navigationBarBackgroundColor":"十六...原创 2020-03-09 15:15:35 · 4392 阅读 · 4 评论 -
微信小程序-获取用户数据(头像昵称+位置+手机号)
展示头像和昵称: <!--用户头像--><open-data type="userAvatorUrl"></open-data><!--用户昵称--><open-data type="userNickName"></open-data> 获取用户当前位置: wx.getLocation({ ...原创 2020-03-06 17:32:10 · 7135 阅读 · 2 评论 -
总结
1.样式尽量少用绝对定位,以及rpx,能使用百分比的尽量使用百分比。原创 2020-03-06 17:17:03 · 126 阅读 · 0 评论 -
分享小程序---点击右上角
在要实现分享的界面加如下代码:onShareAppMessage:function(){ wx.showShareMenu({ withShareMenu:true, success:function(){ }, fail:function(){ } });}...原创 2020-03-06 17:17:11 · 1149 阅读 · 0 评论