![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
$.phper
我生不为逐鹿来,都门懒坐黄金台
展开
-
小程序工具utils的config封装
//这里是承接上篇文章,为其暴露接口class Config{constructor(){}}Config.tributeUrl = '';//这里写你要调用的后端接口urlConfig.xmdUrl = '';//同上Config.onPay=true; //是否启用支付export {Config}; ...原创 2018-08-23 17:09:21 · 1696 阅读 · 0 评论 -
小程序播放腾讯视频
最近写了小程序播放腾讯视频的逻辑,不是我自己写的,我觉得很不错,拿过来直接用了,我整理了一下小程序代码,和大家分享一下.一般播放一个腾讯视频的时候播放地址为https://v.qq.com/x/page/w0647n5294g.html。.html到最后一个/之间的字符串即为腾讯视频id。如https://v.qq.com/x/page/w0647n5294g.html的id为w0647n52...转载 2019-02-19 09:37:48 · 4244 阅读 · 1 评论 -
小程序物流信息展示
最近写了小程序里的物流跟踪,逻辑不是很复杂,主要是渲染数据有一定的技巧,这里展示下效果图和wxml,wxss.请求接口部分不做详细介绍,废话不多说直接上码...这里是wxml部分:<!-- 外层pages --><view class='pages'> <!-- 头部 --> <view class='head'> ...原创 2019-01-24 14:08:59 · 5290 阅读 · 3 评论 -
小程序倒计时
相信写过js的小伙伴都很熟悉倒计时函数封装,小程序的倒计时函数封装其实和js一样,微信的集成环境支持js和jquery,所以会js的小伙伴可以放心大胆的写,我这里就先抛砖引玉了,如果有好的想法,大家可以多交流!!!const app = getApp();import { Bargain } from 'bargain-model.js';var bargain = new Barg...原创 2018-12-11 11:43:27 · 303 阅读 · 0 评论 -
小程序模板消息
最近在做微信小程序,为了让用户能更加方便的获取到小程序内部的通知,便想着用模板消息来解决此类问题。首先介绍一下两种方法第一种是传统的按照微信开发文档来实现模板消息的获取,首先要明确的是你要有一个第三方的服务器,因为微信现在规定在小程序内部不能直接请求微信的服务器,而是要请求第三方服务器,由第三方服务器来请求微信的服务器1.传统方式实现模板消息1.1获取用户openId这一步可以在wx.l...转载 2018-12-11 11:17:35 · 243 阅读 · 0 评论 -
小程序微信支付
小伙伴们现在分享一哈小程序微信支付,有兴趣的可以了解一下,上干货!!!// pages/confirm/confirm.jsconst app = getApp();import { conFirm } from 'confirm-model.js';var confirm = new conFirm(); //实例化 对象Page({ /** * 页面的初始数据...原创 2018-12-14 13:26:20 · 226 阅读 · 0 评论 -
小程序保存图片分享朋友圈
最近写的小程序分享,和小伙伴们分享交流一下.小程序分享分为两种:一种是直接分享给好友或群;一种是生成带有小程序码的图片保存本地,然后将图片分享给好友或者朋友圈,其他人通过扫码进入你要分享的页面.好了废话不多说,直接上码!!!里面有些数据和接口调用如果不懂的可以关注我前几篇文章哦!这里先给大家展示一下效果图 这里是分享逻辑// pages/bargain/bargain...原创 2018-12-14 10:44:44 · 1000 阅读 · 0 评论 -
小程序时间个性化显示
对于小程序的时间个性化显示,适用于评论时间的发布,关注时间的显示,浏览痕迹时间的显示等.可以自动判断距离当前时间下的距离(例如,刚刚发表评论,1小时前评论,1天前评论...)//这里是获取时间的js,将获取到的时间传入函数getDateDiff()中,处理后返回给当前js,再渲染到前台//建议下面的getDateDiff()函数封装到其他文件(js文件)里面,使用时引入//传入格式化...原创 2018-09-26 17:25:21 · 1240 阅读 · 0 评论 -
小程序图片懒加载
Page({ data:{ // text:"这是一个页面" hidden: false, //搜索名称 searchName: null, //pageindex pageIdx: 1, //产品列表 productArr:[], clientHeight:0, arr:[], arrHight:[] }, onLoad:function(...转载 2018-09-19 15:02:35 · 469 阅读 · 0 评论 -
小程序评论功能
//wxml部分<!-- 用户评论信息 --><view class='comment'><view class='pinglun'><text class='collectTitle'>用户评论</text></view><view class="addcomment"><vie...原创 2018-09-11 15:04:43 · 4691 阅读 · 5 评论 -
小程序图片自适配
小程序里的图片长宽自适配,宽度一般是采用iphone6以后的手机为模型,宽度为750rpx,高度自适配;在别的型号时请自动调整代码//这里是存放图片的swiper 组件<swiper class='art-img' indicator-dots='{{indicatorDots}}' interval='{{interval}}' circular='{{circular}}' i...原创 2018-09-11 14:24:24 · 1208 阅读 · 0 评论 -
小程序搜索功能
和前篇对照,此片为具体实现搜索功能的代码,前面是js部分,中间是wxml,后面是wxss //引入插件var WxSearch = require('../../wxSearch/wxSearch.js')const app = getApp();import { Category } from 'category-model.js';var category = ne...原创 2018-09-11 13:58:55 · 985 阅读 · 0 评论 -
小程序搜索功能之函数封装
这里的函数是实现搜索功能的封装,下面的函数可以在我下篇文章中一一对应找一下,这里就不做过多解释了。(请关注后续关于搜索的文章)// 定义数据格式/***** "wxSearchData":{* configconfig:{* style: "wxSearchNormal"* },* view:{* hidden: true,* searchbarHeght...原创 2018-09-01 21:46:29 · 407 阅读 · 0 评论 -
小程序model.js方法封装
众所周知,小程序代码是有限制的,不能超过2M,解决冗余代码,重中之重。这里就是对model文件的封装,相当于php中操作数据库的model类,其功能也是相同的。//这里是继承Base封装好的model类,其中是对get和post传输方式的封装import { Base } from '../../utils/base.js';class Index extends Base {c...原创 2018-09-01 21:34:23 · 2330 阅读 · 0 评论 -
小程序授权登陆
//app.jsApp({globalData: {appid: '',//appid需自己提供,此处的appid我随机编写secret: '',//secret需自己提供,此处的secret我随机编写openid: null,userInfo: '',sid:''},onLaunch: function () {var that = this;/...原创 2018-08-23 16:44:08 · 359 阅读 · 0 评论 -
小程序工具类封装
/*** Created by wf on 2018/5/21.*/import { Token } from 'token.js';import { Config } from 'config.js';class Base {constructor() {"use strict";this.baseTributeUrl = Config.tributeU...原创 2018-08-23 16:59:59 · 1754 阅读 · 0 评论 -
图片标签
最近看了小红书和淘宝的图片标签功能,发现此为内容电商的神器,所以研究了一下,总算是不负有心人.这里的标签是根据后台编辑好的标签坐标来显示的,所以目前还不具备用户自定义编辑标签功能,后续我会继续研究,敬请期待!废话不多说直接上干货!!!以上是效果图...// pages/canvas/canvasDemo/canvasDemo1/canvasDemo1.jsvar ...原创 2019-04-04 13:57:16 · 183 阅读 · 0 评论