小程序
文章平均质量分 89
九月十九
生命不息,代码不止
展开
-
小程序列表的某一项显示和隐藏
有些情况,列表显示的内容可能会发生变化,也就是某一项可能会根据情况隐藏和显示。那么如何判断此项的隐藏和显示那?有两种方法:第一种:后台给参数,根据参数判断是否隐藏第一种:一般来说,后台返回的参数会很多,不一定所有的参数都能用的上,当然也有可能参数都能用的上,但思路是用一个不用的参数作为判断。这两种方法其实可以归类为一个方法:1,js代码:onLoad: function(o...原创 2018-09-07 19:26:08 · 3908 阅读 · 0 评论 -
小程序动态更改标题和标题的颜色
1,动态更改标题json文件:{ "navigationBarTitleText": "标题"}js文件onLoad: function (options) { wx.setNavigationBarTitle({ title: this.data._title }) }2,动态更改标题的背景颜色change: functi...原创 2018-11-16 12:50:15 · 5081 阅读 · 0 评论 -
小程序input密文
type = "password"表示密文 这是小程序自带的密文方法。也就是在这上面做文章。<input type="ifshow" placeholder="请输入登录密码"/>ifshow: "password", //表示密文// ifshow: "text", 非密文 /***判断的方法*/showPassword: function原创 2018-11-22 20:06:07 · 778 阅读 · 1 评论 -
小程序请求超时
全局变量 isOutTime = true;请求:代码略过成功之后把isOutTime=false,表示超时为alse,也就是不超时success: function (res) {isOutTime = false;...},//如果超时了,给个提示框,这是我自己封装的。在utils里 下面有方法complete: () => {if (isOutTim...原创 2018-11-22 20:17:05 · 9742 阅读 · 0 评论 -
小程序循环列表计算价格数据问题
小程序计算循环列表的金额时:循环集合,数量*单价在相加,但是有时候,金额会出问题显示一长串数字。解决方法: /*** 显示金额吗,循环集合,数量*单价在相加*/Settlement: function() {var total = 0if (this.data.drugsList.length > 0) {for (var i = 0; i < this...原创 2018-11-22 20:35:58 · 1308 阅读 · 0 评论 -
小程序本地存储的问题
最近做了一个小程序,要求当app来做。登录的时候和app一样。本人是安卓出身。按照之前的逻辑来判断。小程序本本地存储:(1)存储:wx.setStorageSync('token', res.data.object) //存储token(2)获取:wx.getStorageSync('token')1,第一次登录用wx.getStorageSync('token')==null来判...原创 2018-11-20 11:08:16 · 4715 阅读 · 0 评论 -
正则简单的使用
最近做小程序,有个需求,input只能输入数字,可含有一个小数点,保留后两位如果按照之前的逻辑,获取input的值,然后在截取判断。比较麻烦,后台想到正则。但是不会用。简单的自学了下。还是不太懂。只能是简单的做个判断。不足之处还望大神指导。代码如下:/*** 价格监听*/buyprice: function(e) {if (!this.NumberCheck(e.detai...原创 2018-11-26 11:49:37 · 171 阅读 · 0 评论 -
正则判断非法字符
思路是把非法字符放到一起,然后在判断function checkChar(s){var illegal = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im;if (illegal.test(s)) {//js的方法,适用与小程序return true//有非法字符,继续你的操作}else{false//没有继续你的表演}...原创 2018-11-26 12:23:45 · 1578 阅读 · 0 评论 -
小程序分享界面带返回按钮
小程序分享的时候,当别人打开分享的界面,分享上面不会有返回按钮,因为小程序默认分享界面是首页,所以不会有返回按钮。如果需要返回首页,一般有两种做法。1,添加一个悬浮窗<image wx:if="{{isshare==1}}" class='back-home' bindtap='backHome' src='../../../img/backhome.png'></ima...原创 2018-11-27 12:16:34 · 6093 阅读 · 0 评论 -
小程序简单的tab切换
小程序的tab切换还是比较简答的。其原理是根据一个标识来判断是显示还是隐藏。如果tab下面是相同的布局还好说,如果每个tab下的布局都不相同,就需要把布局都写出来。在点击的时候,更改标识就可以达到目的1,标题头<!-- 顶部tab切换 --><view class='m-tabswra'><view class='tabs'><!-- ...原创 2018-11-28 10:45:36 · 1195 阅读 · 0 评论 -
小程序网络请求的简单封装
1,原始的请求wx.request({ //获取客服电话url: app.globalData.urls + app.globalData.getkefu,data: {},header: {'content-type': 'application/json' // 默认值},success: (res) => {this.setData({ //获取数据成功...原创 2019-01-10 14:23:28 · 389 阅读 · 0 评论 -
小程序网络请求的封装(二)
之前写过一个封装,只是最基础的。此次在此基础上,增加了请求方式(POST还是GET),等待框,参数废话少说,上代码1,js类/*** 网络请求的封装** isShow:是否显示加载框 true还是false* title:加载框的 内容* url:请求的地址* params:参数体,如果没有就用{}* requestType:POST 还是GET* su...原创 2019-01-10 16:11:02 · 1151 阅读 · 0 评论 -
小程序点击图片放大,长按保存
//点击图片进行预览,长按保存分享图片previewImg: function (e) {var img = this.data.imagePath; //需要保存图片的路径console.log(img);wx.previewImage({current: img, // 当前显示图片的http链接urls: [img] // 需要预览的图片http链接列表})...转载 2018-11-16 12:44:05 · 2385 阅读 · 0 评论 -
小程序请求(get+post)
1,默认get请求wx.request({url: 'test.php', //仅为示例,并非真实的接口地址data: { x: '' , y: '' },header: {'content-type': 'application/json' // 默认值},success: function(res) {console.log(res.data)}}) ...原创 2018-11-16 12:40:43 · 4043 阅读 · 0 评论 -
小程序列表横向滑动
<1>xml文件<view><scroll-view scroll-x class="scroll-header"><view class="wrap1" wx:for="{{lists}}"><text class="textLine2">{{item.name}}&原创 2018-09-12 15:21:17 · 3582 阅读 · 0 评论 -
小程序点击循环列表里的字体变色
这篇博客是在上一篇博客的基础上改进的。上一篇是横向滑动列表。而点击更改字体则是在此基础上添加的新功能。直接上代码js文件://获取应用实例var lists = []Page({/*** 页面的初始数据*/data: {list: [],coloritem: ''}, /*** 生命周期函数--监听页面加载*/onLoad: func...原创 2018-09-12 16:41:29 · 2111 阅读 · 0 评论 -
小程序的gridview布局
1.xml文件<view class="gridview" style='background:white;'><view class="gridview-item" wx:for="{{list}}" wx:key="name"><view class='gridview-item__bg'><view cla原创 2018-09-17 22:33:11 · 4063 阅读 · 0 评论 -
列表点击更改样式
这一篇博客是在上一篇gridview的基础上改的。属于功能增加,有兴趣的可以看看https://mp.csdn.net/postedit/82750123其实点击更改样式的逻辑很简单,就是判断点击的时候加个判断即可。1,xml<!--utils/gv/gv.wxml--><view class="gridview" style='background:wh...原创 2018-09-18 12:09:53 · 903 阅读 · 0 评论 -
小程序列表显示不同的布局(列表里包含循环列表)
在显示订单列表的时候,需要在列表里显示不同的布局(ietm),甚至是在列表里的item里面还有循环列表如图所示:逻辑道是不难。逻辑是这样的:前端展示的类型主要是两类,(1)包机申请(2)旅游风光。其中包机又包含了只有一个包机订单和多个包机订单的情况。整体的布局分两类:只有一个订单的布局和多个订单的布局1,然前端根据后台返回的数据字段。根据数组(下面代码里有介绍)的长度来判断显示哪一个布...原创 2018-09-13 22:08:52 · 6228 阅读 · 0 评论 -
小程序传值的一些坑
对于小程序而言,传值的方式倒是很简单,直接拼参数就行,例如:wx.navigateTo({url: '../payOne/addPassenger/addPassenger?contacts=' + contacts + "&phone=" + phone + "&sfz=" + sfz})上面就是一个典型的跳转页面并传值的方法。在接收界面里的onLoad方法:...原创 2018-09-20 18:24:07 · 4520 阅读 · 0 评论 -
小程序退款返回界面的一个坑
最近,做小程序退款的时候,前端点击退款,返回到原来的界面是,数据刷新了,但是显示的还是原来的数据。原因在于,前端首先要给后台发请求,后台再给微信端发请求,成功之后,在把结果传给前端,同时刷新订单状态,问题在于刷新会有延迟。导致前端返回的时候,数据还是原来的数据。解决方法也很简单,返回界面的时候加个延迟请求//取消订单cannelorder: function() {wx.request...原创 2018-10-11 10:33:40 · 2007 阅读 · 0 评论 -
小程序简单的弹框
第一种:toastwx.showToast({title: '成功', //标题icon: 'loading', //图标,支持"success"、"loading"image: '../image/img.png', //自定义图标的本地路径,image 的优先级高于 iconduration: 2000000, //提示的延迟时间,单位毫秒,默认:1500mask: f...原创 2018-10-10 15:36:30 · 219 阅读 · 0 评论 -
小程序支付
支付的流程总结分3步骤1,向自己的后台提交资料2,后台返回相应的字段3,拿到字段向微信发请求代码如下://去支付goPay: function () {wx.request({url: app.globalData.urls + app.globalData.gopayK,data: {//后台需要的参数,用于生成订单。},header: {"C...原创 2018-11-09 12:53:06 · 234 阅读 · 0 评论 -
小程序扫码
click: function () {var that = this;var show;wx.scanCode({success: (res) => {console.log(res.result) //二维码里的数据}})}转载 2018-11-16 12:34:45 · 196 阅读 · 1 评论 -
小程序上传图片
data: {productInfo: {}}, //添加图片bindChooiceProduct: function() {var that = this;wx.chooseImage({count: 1, //最多可以选择的图片总数sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有sourceType: ['...转载 2018-11-16 12:37:59 · 148 阅读 · 0 评论 -
小程序json和string,数组相互转换,传值
老样子,还是在前人的基础上。就以融合。再次谢过!!!废话少说,上代码。1,像一个界面传递json,就是把一个数组转成json,在传递wx.navigateTo({url: '../addDrugs/addDrugs?name=' + that.data.getid + "&status=" + 2 + "&list=" + JSON.stringify(that.d...原创 2019-03-20 17:09:16 · 9583 阅读 · 0 评论