微信小程序
文章平均质量分 79
不善主动的新吖
妈妈说,我明天必须去幼儿园
展开
-
微信小程序做一个银行卡的组件
微信小程序创建自定义组件,在创建页面的时候选择新建Component,而不是Page,见下图:先把样式做出来,wxml:<view class="page"> <view class="cardMain"> <view class="clearfix"> <image class="bankLogo" mode="scaleToFill" src="https://www.网址.jpg"></image>原创 2020-12-30 21:48:05 · 1004 阅读 · 0 评论 -
有赞Vant Weapp组件增加api属性,以Stepper 步进器为例
开发小程序使用有赞组件可以省很多时间,其中Stepper 步进器的api属性中有一个decimal-length,可以用来固定显示小数位数,可以防止js出现9999999的情况,也可以限制多于几位小数,在这里操作的时候经常出现冲突,修改价格出现删小数还强迫两位小数,在这里增加了一个新的api属性为maxdec-length,意义为最多显示两位小数。来防止出现这个问题。到微信小程序npm加载的vantweapp中找到stepper步进器的index.js中,添加代码如下: decim.原创 2020-12-28 15:36:52 · 1760 阅读 · 2 评论 -
微信小程序返回更新上个界面的值
从上商品列表中选择一个添加上,添加完返回来,将此商品的状态设置为已添加,这时候就需要更新商品列表中的状态,而不是从新从服务器加载,因为涉及到分页。 let pages = getCurrentPages(); // 当前页, let prevPage = pages[pages.length - 2]; // 上一页 prevPage.setData({ naviData: "设置的变量值", }) prevPage.naviClick('传递的信息'原创 2020-12-11 15:26:49 · 208 阅读 · 0 评论 -
微信小程序wxml使用函数wxs
使用微信小程序再wxml中想进一步对数据或者展示的内容做处理,这时候除了三元运算符之外想使用函数,只能使用wxs了。具体文档创建一个wxs文件:var bar = function (d) { return d;}var strHandle = function (d) { return d.substring(0,2);}module.exports = { bar: bar, strHandle:strHandle,};在小程序的wxml文件中引入这个wxs文原创 2020-11-16 17:27:26 · 884 阅读 · 0 评论 -
微信小程序 web端 服务器端 wss socket 链接
小程序端://可以把这段代码直接放到page的onLoad中,或者自己定义一个事件 let that = this; wx.connectSocket({ url: 'wss://www.wss的网址.com/' }) wx.onSocketOpen(function (res) { console.log('WebSocket连接已打开!') wx.sendSocketMessage({ data: JSON.原创 2020-11-03 13:03:30 · 1932 阅读 · 0 评论 -
微信小程序有赞Card商品列表界面
<van-card tag="标签" price="10.00" title-class="title-class" desc="描述信息" title="商品标题" thumb="{{ imageURL }}"> <view class="footer-class" slot="footer"> <view class="footer-sum"> <view class="footer-sum-font">采购数量:</view>.原创 2020-08-06 09:37:17 · 845 阅读 · 0 评论 -
记一次小程序分包发布导致的异常错误,白屏
Error: module "2D7353F06DFB72BF4B153BF7AF149AD7.js" is not definedError: module "2D7353F06DFB72BF4B153BF7AF149AD7.js" is not definedat require (https://lib/WASubContext.js:2:1906895)at https://lib/WASubContext.js:2:1906501at https://pages/rush/chain/m.原创 2020-06-29 10:19:06 · 1272 阅读 · 2 评论 -
微信小程序npm安装有赞UI 组件库
微信小程序可以npm安装UI组件库,文档位置:https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.htmlnpm需要先安装node,直接到https://nodejs.org/en/,下载安装node即可使用npm了。然后到小程序自己目录下打开cmd。记住步骤不要错:第一步:npm init然后一直回车,喜...原创 2020-04-12 15:12:08 · 1215 阅读 · 0 评论 -
微信小程序 地图
微信小程序可以使用map组件来显示地图。map组件文档详见:https://developers.weixin.qq.com/miniprogram/dev/component/map.html。<!--wxml页面放置一个组件--><view class="container"> <map class="map" id="my" ...原创 2020-03-14 23:06:52 · 201 阅读 · 0 评论 -
php 微信小程序 统一服务消息 订阅消息
先看腾讯文档:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/uniform-message/uniformMessage.send.html通过文档可以看出,需要携带ACCESS_TOKEN,相关参考在https://blog.csdn.net/mushui0633/article/details/8...原创 2020-02-20 16:22:01 · 1272 阅读 · 0 评论 -
微信小程序 用户协议页面
wxml页面:<view class='title'> <text>免责声明</text></view><view class='divLine'></view><view class='boldContent'> <text>一. 总则</text></view...原创 2019-07-27 17:20:00 · 5856 阅读 · 4 评论 -
微信小程序 购物车 滑动删除
<view class="page"> <movable-area class="item-touch" wx:for="{{cartdata}}" wx:index="idx" wx:key="index"> <movable-view bindtouchstart="_touchStart" bindtouchmove="_touchMov...原创 2019-06-23 20:02:23 · 682 阅读 · 0 评论 -
微信小程序 video视频android无法播放
服务器Apache2.4,原因是微信小程序对gzip压缩支持的问题。解决办法是在Apache配置文件中找个空白的地方加上一行:SetEnvIfNoCase Request_URI .(?:gif|mp4)$ no-gzip dont-vary...原创 2019-06-16 21:05:48 · 3515 阅读 · 1 评论 -
微信小程序 图片 缓存
微信小程序访问服务器上的图片,名字一直保持一样,但是图片在服务器上已经被替换成新的了,但是微信小程序仍然使用的是缓存的图片,无法更新,这时候就添加随机数使微信小程序每次都需要从服务请求图片,而不是使用缓存中的图片。 var tempArr = [] tempArr.push(that.data.storeCode) tempArr[0] = tempArr[...原创 2019-05-10 10:35:31 · 563 阅读 · 0 评论 -
微信小程序 后台 php 获取access_token
获取小程序全局唯一后台接口调用凭据(access_token)。调调用绝大多数后台接口时都需使用 access_token。请求地址GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET<?php$appid...原创 2019-04-23 11:54:45 · 1870 阅读 · 0 评论 -
微信小程序返回顶部
微信小程序添加一个浮动的按钮,可以让上下滚动的页面直接回到顶部。涉及到的小程序的文档如下:<!-- 返回首页 --><view class='backHome' bindtap='backTop'></view> // 快速返回顶部 backTop: function (e) { if (wx.pageScrollTo) { ...原创 2019-04-03 23:37:31 · 185 阅读 · 0 评论