微信小程序动态增加按钮组件
这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。效果图：wxml文件（注意wx:key="item"要写，不然它会有警告）：<!--pages/plan/plans/plans.wxml--><view class="className" style="background-color: rgb(225, 218, 211); height:{{className_...
2024-01-10微信小程序实现手指触摸画板
本文实例为大家分享了微信小程序实现手指触摸画板的具体代码，供大家参考，具体内容如下先看效果图：wxml<!--pages/shouxieban/shouxieban.wxml--><view class="container"> <view>手写板（请在下方区域手写内容）</view> <canvas style="width: {{canvasw}}px; height: {{canvash}}px" class="canvas" id="canvas" canvas-id="canvas" disabl...
2024-01-10微信小程序实现横向滚动导航栏效果
1.page.wx.css内容如下：<view class='classify_list'> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1<...
2024-01-10
微信小程序实现表单验证
微信小程序的表单验证，供大家参考，具体内容如下需要用到一个插件WxValidat.js传送门在需要使用的page js文件下导入import WxValidate from '../../utils/WxValidate.js'主要内容WXML内容<form bindsubmit="formSubmit"> <view class="weui-cells__title">用户名</view><view class="weui-cells weui-cells_after-title"> <view cl...
2024-01-10
【小程序】微信小程序 分类切换的实现
微信小程序做商品分类的切换: 点击分类切换到相应的分类下的商品. 效果如下图分类页面category.wxml <!--左侧分类菜单 --><view class="left-box"><block wx:for="{{category}}" wx:key="id"><view class="menu-item" bindtap='cateTab' data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view></block></vi...
2024-01-10
微信小程序实现聊天室
本文实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下正文：<!-- <button bindtap='close'>关闭</button><button bindtap='open'>打开</button> --><view wx:if='{{login}}' class='login_zz'></view><button wx:if='{{login}}' class='login' bindgetuserinfo='userinfo' open-type="getUserInfo...
2024-01-10微信小程序实现MUI数字输入框效果
本文实例为大家分享了微信小程序实现MUI数字输入框的具体代码，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <view class="tui-gallery-list"> <view class="tui-number-group"> <button class="tui-number-cell" bindtap="nextNum">-</button> <input clas...
2024-01-10微信小程序自定义组件实现环形进度条
本文实例为大家分享了微信小程序实现环形进度条的具体代码，供大家参考，具体内容如下微信小程序自定义组件官方教程环形进度条的组件已经放在github上环形进度条效果图创建步骤1、在根目录创建名为components的文件夹，用来放需要引用的自定义组件。2、创建名为canvas-ring的文件夹，用来放环...
2024-01-10微信小程序实现点击效果
微信小程序动画之点击效果的具体代码，供大家参考，具体内容如下代码：js：// pages/test/test.jsPage({ containerTap: function (res) { var that = this var x = res.touches[0].pageX; var y = res.touches[0].pageY + 85; this.setData({ rippleStyle: '' }); setTimeout(function () { that.setDa...
2024-01-10iOS 真机调试微信小程序
平时开发小程序可以在开发者工具中进行调试，开发者工具提供了类似 Chrome DevTools 的调试面板，对于前端开发者来说入门门槛比较低。小程序开发完成之后，我们需要在真机上进行测试，真机调试方面小程序开发者工具有预览、远程调试和设置体验版本三大部分功能。除了这三种方式之外，我们还可...
2024-01-10全部女孩VIP服务站是干嘛的 全部女孩VIP服务站微信小程序订单信息变换注意事项
全部女孩VIP服务站其实就是李佳琦直播预告片小程序，现如今改名了，大家只要根据李佳琦直播间付钱的粉丝们，能够在某宝变换积分兑换，这种积分兑换都能在全部女孩VIP服务站换取礼品，是一种很人性化服务项目哦！全部女孩VIP服务站是干嘛的关心的佳琦小程序名称成了：全部女孩VIP服务站由于好...
2024-01-10
企业微信注册企业教程
企业微信是一个非常专业的办公软件，很多用户不知道怎么在这个软件里注册企业，其实注册非常的简单方便，需要的用户千万不要错过了哦，快点下载试试吧。 企业微信怎么注册企业： 在手机端【我】->【设置】->【切换企业】->【右上角】->选择【创建企业】。 网页端点击>>>企业微信官方...
2024-01-10
微信小程序获传值取值方法
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id的方法标识来传值在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面...
2024-01-10
微信小程序计算器实例详解
微信小程序计算器实例，供大家参考，具体内容如下index.wxml<view class="content"> <view class="num">{{num}}</view> <view class="operotor">{{op}}</view></view><view class="entry"> <view> <view class="item" bindtap="resetBtn">c</view> <view class="item" bindtap...
2024-01-10微信小程序 五星评分的实现实例
微信小程序 五星评分五星级评分效果:<view> <view class="zan-font-16 my-ib" bindtap="myStarChoose"> <block wx:for="{{starMap}}"> <text wx:if="{{star>=index+1}}" style="padding-right: .5em" class="zan-c-red" data-star="{{index+1}}">★</text> <text wx:if="{{star<i...
2024-01-10微信小程序wxs实现吸顶效果
在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行，导致了整个用户交互的动画过程会有延迟)， 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持，低版本需做兼容处理。附上文档链接：wxs响应事件吸顶效果使用scroll-view组件...
2024-01-10
微信小程序全局状态的深入讲解
前言在微信小程序中，可以利用 App.js 的 globalData 作为中间桥梁，在 Page， Component 之间，包括页面与页面，页面与组件，组件与组件之间传递需要传递的信息。但是，我们不能及时的知道 globalData 下的变化，在新建小程序的官方的默认事例中，获取 UserInfo 这一网络操作有延迟的，为此写了很多不必要...
2024-01-10微信小程序之选项卡的实现方法
微信小程序之选项卡的实现方法前言：从事前端的同学们一定不会对选项卡陌生，不管是自己原生写的，还是各个UI框架里带的，我想大家都使用过很多选项卡，对选项卡的原理也足够清楚了，下面我们来在微信小程序里实现选项卡的功能。微信小程序里没有自带选项卡组件，但是却带有swiper组件...
2024-01-10
微信小程序SelectorQuery
在开发小程序展开全文组件时需要用到节点查询API - wx.createSelectorQuery() 来查询全文内容的高度。wx.createSelectorQuery() 返回一个 SelectorQuery 对象实例。SelectorQuery 有五个方法（in，select，selectAll，selectViewport，exec），第一个返回 SelectorQuery，后四个返回 NodesRef。NodesRef 有四个方法（fields，boundingClientRe...
2024-01-10
详解微信小程序轨迹回放实现及遇到的坑
微信小程序轨迹回放主要使用到polyline进行划线操作，以及使用marker去进行小车移动操作。效果图如下：具体实现代码：trackplay.wxml文件<!--pages/tracker/tracker.wxml--><map id="mymap" longitude="{{mapCenter.longitude}}" latitude="{{mapCenter.latitude}}" scale="{{scale}}" markers="{{markers}}" polyline="{{polylin...
2024-01-10
微信支付调试过程
引入 js<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>配置 jsapivar config = Object.assign({}, rst.data || {}, { debug: false })wx.config(config);wx.error((res) => { if (res.errMsg == "config:ok") { return; } console.log...
2024-01-10
【小程序】从前端的角度来梳理微信支付（小程序、H5、JSAPI）的流程
因业务需要，开发微信支付功能，涉及三种支付方式：JSAPI 支付：微信内网页支付，需要开通微信服务号小程序支付：在小程序中支付，需要开通小程序H5 支付：在手机浏览器（出微信内网爷）中网页支付使用微信支付的前提必开通微信商户号，要使用到那种的支付方式要前需在商户平台开通（要...
2024-01-10
哈啰单车微信支付教程
由于现在很多人都把零钱放在微信里，所以出行打车、骑车都需要使用微信支付，那么如果要借自行车，哈啰单车怎么用微信支付呢，其实用微信登录即可。 哈啰单车怎么用微信支付： 1、首先打开微信，点击上方“搜索” 2、接着在上方搜索并打开“哈啰”小程序。 3、打开后，先点...
2024-01-10
微信小程序可以用云闪付付款吗?微信小程序用云闪付付款方法
微信安卓版 V8.0.14 for Android 最新官方正式版类型：社交聊天大小：208MB语言：简体中文时间：2021-09-28查看详情现在微信也推出了云闪付付款功能，只不过目前只能在微信小程序中使用，但是有很多小伙伴们还不知道怎么使用，下面就和小编一起来看看商户怎么设置云闪付付款功能吧，感兴趣的朋又不...
2024-01-10微信小程序自定义键盘 内部虚拟支付
本文实例为大家分享了微信小程序自定义键盘的具体代码，供大家参考，具体内容如下先看效果图 ：微信支付的话，调用微信支付接口是有自己的小键盘的，因为小程序没有内部键盘,所以有时候商城内部需要零钱支付 ,会员卡支付,输入密码就需要自己做一个小键盘了。 css 跟 html不做过多说明 ...
2024-01-10
【JS】5分钟实现微信云小程序支付功能（含源码）
1 先上效果图2 准备工作1，非个人小程序，个人小程序用不了支付（小程序appid）2，已经申请微信支付的商户号（商户id，商户秘钥）。3，小程序里关联你的商户号（小程序和商户号绑定）4，微信小程序开通云开发3 开干（1）初始化云开发环境（2）创建云函数pay（3）引入第三方支付依赖tenpay...
2024-01-10
【小程序】微信，支付宝小程序中的CI/CD，不要再让别人打断你的开发思路了！
本文内容均只用于支付宝和微信小程序背景先说一下为什么要做这个东西把。基于提审原生小程序中漫长的提审流程，合PR，切到主分支，pull代码，点击上传，后台提审原生小程序基于config文件决定抛出环境，提审时项目环境完全靠人工校验基于测试测试bugfix校验或者后端同学需要测试环境...
2024-01-10
【小程序】微信支付成功但并未走回调方法（小程序支付）
问题描述项目采用: Spring Cloud + Boot + Gateway服务网关 + Consu 注册中心在小程序发起微信支付后， 调用后台服务的发起微信预支付，通过预支付拿到的返回信息小程序在通过API调起微信支付， 支付成功后，按理支付成功后，微信会向预先设置的回调地址， 通过本次的支付结果，上周之前是可以的，这...
2024-01-10
微信支付密码更改教程
微信支付已经成了现在生活的常态，不过使用支付密码还是会有问题，今天要说的就是微信支付密码怎么改，其实也是在支付的选项中进行修改。 微信支付密码怎么改： 1、首先进入微信，然后点击右下角“我的”。 2、然后点击“支付”。 3、随后点击右上角的三个点。 4、此时可...
2024-01-10
【小程序】Towxml 3.0让微信小程序支持LaTex数学公式及yuml流程图
Towxml 是一个让小程序可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。根据用户的反馈和小程序提供的API对Towxml进行了完成的重写。陆续间断地经历了近半年，终于迎来了一个新的大版本。新版本较之前解析速度更快，体积也更小，并且支持无限层级的内容。同时也根据部分用户的...
2024-01-10
