微信小程序-退款业务

一、退款业务效果 二、退款流程 第一步:展示需要退款的订单 第二步:点击退款按钮,判断是否有需要退款的订单 第三步:获取到需要退款的订单信息 第四步:为每个需要退款的订单去调用微信退款接口 第四步:最后弹出退款情况 三、实现 退款页面(展示姓名、退款原因、金额、申请退款时间等)...

2019-05-18 15:19:38

阅读数 6

评论数 0

图片预加载

定义:预知用户将发生的行为,提前加载用户所需要的图片。 主要表现: 网站loading页:添加着陆页,等需要的所有需要的图片加载完毕,一次性呈现给用户,提高用户体验。 局部图片的加载:表情插件 漫画网站 特点: 提前加载所需要的图片 更好的用户体验 分类: 无序加载:类似QQ表情插件...

2019-05-15 16:20:16

阅读数 5

评论数 0

微信小程序-长按图片保存到相册

首页需要通过 wx.getSetting 先查询一下用户是否授权了写入相册权限; 其次对于网络图片,可调用wx.downloadFile下载文件资源到本地; 然后非网络图片,可以调用wx.getImageInfo(Object object)获取图片信息; 最后调用wx.saveImageT...

2019-05-15 11:56:34

阅读数 9

评论数 0

前端生成二维码插件jquery.qrcode.js

一、效果 二、使用 1)引入jquery.qrcode.min.js和jquery <script src="js/jquery-2.1.1.min.js"></script> <script t...

2019-05-08 15:35:15

阅读数 14

评论数 0

微信小程序-wx.createAnimation动画实现

一、效果 说明:类似携程切换往返地址 二、实现 1).wxml: <view class="animation"> <view class="dis-flex"> &l...

2019-04-29 14:31:38

阅读数 34

评论数 0

微信小程序-复制到剪切板

一、效果 二、实现 1).wxml: <text>被复制的内容:{{text}}</text> <view bindtap='copyText' class="copyButton"&gt...

2019-04-29 11:46:30

阅读数 19

评论数 0

微信小程序-使用ColorUI

一、说明与使用 ColorUI是一个css库。如果使用原生小程序开发,从https://github.com/weilanwl/ColorUI/下载源码解压获得/demo,复制目录下的/colorui文件夹到你的项目根目录(与pages目录同级)。 目录结构如下: 在app.wxss引入...

2019-04-28 14:06:36

阅读数 439

评论数 0

html2Canvas生成图片

首先,毋庸置疑,需要引入如下文件: <script src="js/jquery-2.1.1.min.js"></script> <!-- 引入html2canvas --> &lt...

2019-04-26 17:52:43

阅读数 54

评论数 0

微信小程序-将时间转换成几秒前 几分钟前 几小时前 几天前等时间格式

描述: 显示消息时间为几天前 几小时前 几分钟前;同时一年以上的日期直接显示YYY:MM:DD形式 效果: 方法实现: 可以在utils目录下建一个存放公共方法的文件,将getDateDiff方法放在此处,文件末尾处抛出即可。 module.exports = { getDat...

2019-04-22 15:03:53

阅读数 39

评论数 0

微信小程序-实现换一换,刷新列表数据

效果: 解决思路: 在数据允许范围内,选取四个随机数,然后对数据列表字段重新赋值。 实现: 1)在一次请求接口拿到列表所有数据时,把列表原始数据存储起来。 2)数据格式如下: [{ ActType:"协会活动" Act_Title:"烟花协会&quo...

2019-04-22 14:43:15

阅读数 34

评论数 0

CSS实现超过部分用省略号代替

1)显示一行,超出部分用省略号显示 .class名称{ overflow:hidden; //超出的文本隐藏 text-overflow: ellipsis;//溢出用省略号显示 white-space: nowrap;//溢出不换行 } 2)显示两行,超出部分...

2019-04-11 11:19:42

阅读数 16

评论数 0

微信小程序-解决ios系统宽度为100%,页面可以左右滑动bug

问题:设置好{width:100%;}但是页面却可以左右滑动。 解决:最外围标签定义 {position: fixed;} 或者{overflow-x:hidden;}

2019-04-09 10:02:59

阅读数 102

评论数 0

微信小程序-二级联动、时间选择器(只精确到分)

一、二级联动 1)效果 2)实现 <view class="section"> <picker mode="multiSelector" bindchange="...

2019-03-29 11:25:53

阅读数 77

评论数 0

微信小程序-地图导航

功能描述:发布信息的时候选择位置;详情页展示的时候展示位置名称并且可以导航到该位置。 1)选择位置 chooseLocation: function () { let that = this; wx.chooseLocation({ success: functi...

2019-03-28 15:48:44

阅读数 36

评论数 0

微信小程序-动态添加、删除指定View

一、实现效果: 二、实现代码: 1).wxml页面: 循环的addPrice是一个数组; 需要保存数组的下标和字段名称; <view class="price-detail" wx:for="{{addPrice}}" wx...

2019-03-28 10:30:27

阅读数 167

评论数 0

微信小程序-view实现单选、多选

一、在微信小程序里面不使用radio怎么实现view的单选 <view class="sign-setting-border {{idx==item.Item_id?'selected':''}}" wx:for="{{applyList}}&...

2019-03-26 12:02:13

阅读数 189

评论数 0

微信小程序-页面传值

1.在.wxml页面 <navigator wx:for="{{plateArray}}" wx:key='' url="{{item.PageUrl}}?typeId={{item.id}}" open-type='navigate'&...

2019-03-26 11:36:22

阅读数 45

评论数 0

微信小程序-监听屏幕滚动

一、效果: 功能描述:监听屏幕滚动,实现向下滚动时搜索框和分类选项置顶,向上滚动页面恢复原样。 二、实现: 运用页面Page()函数中的onPageScroll方法,来监听屏幕滚动的距离。 1).js中: data:{ scrollTop:0, }, //监听屏幕滚动 判断上...

2019-03-19 17:17:53

阅读数 126

评论数 0

微信小程序-textarea字数统计与限制

第一步:参考官方文档《textarea小程序》 textarea多行输入框。该组件是原生组件,使用时请注意相关限制。 用到的属性: 属性 说明 maxlength 最大输入长度,设置为 -1 的时候不限制最大长度 minlength 最小输入长度 bindinp...

2019-03-19 14:09:06

阅读数 204

评论数 0

微信小程序-自定义placeholder颜色和样式

正常h5页面:各个浏览器对css支持各有不同,所以需要对齐区别设置 **placeholder的字体颜色**/ input::-webkit-input-placeholder { /* WebKit browsers */ color:#DBDBDB; } input:-moz-plac...

2019-03-08 09:33:44

阅读数 33

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭