小程序

微信小程序换肤功能实现代码(思路详解)

在手机、电脑使用频率如此高的当下,应用可以更换皮肤,以提升美观性,并减轻屏幕对眼睛的刺激,无疑对用户体验有很大的帮助 实现功能 要实现如上更换皮肤的效果,有几个思路: 1.准备皮肤相关的wxss,引入到app.wxss中,方便每个页面使用; 2.设置皮肤时,动态改变wxml中元素的类名或id,使页面应用对应的皮肤; 3.将选中皮肤的值保存在小程序本地缓存中,保证其他页面及下一次打开小程序时,页面展... »

微信小程序中data-key属性之数据传输(经验总结)

本文是总结的一点经验之谈 啥是data-key 微信小程序推出 data- 属性——自定义属性,为了更好的进行数据传递。 总结来说,data-key="{{...}}" 是获取页面中需要用的数据,往js文件(事件)中传—— 被绑定在其组件上的事件使用 也就是常说的:dataset;(比如:wx:for的view中的每一个项的name属性值) 而data-key="..." 是从data传到wxml... »

微信小程序实现聊天室

本文实例为大家分享了微信小程序实现聊天室的具体代码,供大家参考,具体内容如下 正文: <!-- <button bindtap='close'>关闭</button><button bindtap='open'>打开</button> --> <view wx:if='{{login}}' class='login_zz'>&... »

微信小程序以7天为周期连续签到7天功能效果的示例代码

此功能以1,2,3,4,5,6,7这样为一周期,连续签到的功能;通过计算是否为整除7天计算,每7天后切换数目,从而改变周期表、本案例只是提供案例的基本操作,进一步涉及:每日用户集的监听(日历表,签到统计,连续签到,签到中断,后端数据处理)等等功能需自行在搞掂哈~如果图如下:wxml结构 已连续签到 }天 连续签到7日后每日得3分 »

微信小程序连续签到7天积分获得功能的示例代码

每周每天签到获得积分的案例 功能设计:计算每天签到得1分,显示得到的签到积分,连续签到3天[周一二三]即得+多3分,连续签到7天[周一二三四五六日]+多7分,没有连续即不显示多余的3分或7分的提示… wxml结构: <!--pages/signIn2/signIn2.wxml--> <view class='sign-new'> <view class='in'>... »

vue插件–仿微信小程序showModel实现模态提示窗功能

效果图: 下面是源码: index.js import Vue from 'vue'; import model from './model.vue'; export default { install(Vue) { const defaults = { show: false, mask: true, title: '提示', content: '这是正文', confirmButton: tr... »

微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

这个接口只能获得一些非敏感信息,例如用户昵称,用户头像,经过用户授权允许获取的情况下即可获得用户信息,至于openid这些,需要调取wx.login来获取。 »

微信小程序通过websocket实时语音识别的实现代码

之前在研究百度的实时语音识别,并应用到了微信小程序中,写篇文章分享一下。 先看看完成的效果吧 前置条件 申请百度实时语音识别key 百度AI接入指南 创建小程序 设置小程序录音参数 在index.js中输入 const recorderManager = wx.getRecorderManager() const recorderConfig = { duration: 600000, frame... »

小程序实现上传视频功能

本文实例为大家分享了小程序实现上传视频功能的具体代码,供大家参考,具体内容如下 .js文件 // miniprogram/pages/message/messageForm/messageForm.js Page({ /** * 页面的初始数据 */ data: { webServer: 'https://xxxx.xxx.com', src: '', webviewshow: 'hide', w... »

基于thinkphp5框架实现微信小程序支付 退款 订单查询 退款查询操作

微信小程序或微信支付相关操作支付退款订单查询退款查询支付成功,进行回调退款成功 进行回调用到的方法 支付 /** * 预支付请求接口(POST) * @param string $openid openid * @param string $body 商品简单描述 * @param string $order_sn 订单编号 * @param string $total_fee 金额 * @ret... »

基于python tkinter的点名小程序功能的实例代码

代码如下所示: import datetime import json import os import random import tkinter as tk import openpyxl # 花名册文件名 excel_file_path = "花名册.xlsx"#需在当前目录创建对应花名册.xlsx # 工作表名 excel_sheet = "Sheet1" # 记录存储文件名 file_p... »

微信小程序实现身份证取景框拍摄

本文实例为大家分享了微信小程序实现身份证取景框拍摄的具体代码,供大家参考,具体内容如下wxml wxss.camera_box .camera .id_ »

微信小程序实现点击生成随机验证码

本文实例为大家分享了微信小程序实现点击生成随机验证码的具体代码,供大家参考,具体内容如下效果图wxml}jsPage »

小程序实现可拖动的悬浮按钮

小程序实现可拖动的悬浮按钮

小程序悬浮可移动的客服按钮,供大家参考,具体内容如下 <movable-area class="movable-area"> //根据x,y设置初次显示的位置 <movable-view x="600rpx" y="750rpx" animation="{{false}}" class="movable-view" direction='all' catchtap="bindta... »

Django实现微信小程序支付的示例代码

1.下载相关的库 微信官方已经提供了方便开发者的SDK,可是使用pip方式下载: pip install wechatpy 2. 在项目的settings.py文件添加相关配置 具体的参数需要自己到小程序微信公众平台和微信商户平台获取。 WECHAT = { 'APPID': 'appid', # 小程序ID 'APPSECRET': 'appsecret', # 小程序SECRET 'MCH_I... »

HTML5跳转小程序wx-open-launch-weapp的示例代码

注意事项 微信开放标签有最低的微信版本要求,以及最低的系统版本要求。 微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。 绑定域名 微信安全域名只能修改绑定3次/每月 登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 引入JS文件 在需要调用... »

小程序自动化测试的示例代码

背景近期团队打算做一个小程序自动化测试的工具,期望能够做的业务人员操作一遍小程序后,自动还原之前的操作路径,并且捕获操作过程中发生的异常,以此来判断这次发布时候会影响小程序的基础功能。小程序自动化 SDK 为开发者提供了一套通过外部脚本操控小程序的方案,从而实现小程序自动化测试的目的。 »

微信小程序完美解决scroll-view高度自适应问题的方法

第一种情况,scroll-view占据整屏 scroll-view { height: 100vh; } 第二种情况,scroll-view自适应页面剩余高度 xml文件 <view class="box"> <view class="box-head"></view> <scroll-view class="box-scroll"></scr... »

微信小程序实现上传照片代码实例解析

纸上谈坑 在我实现了这个功能之前,我讲讲我是怎么在这个坑里爬上来的: 我实现上传文件后端的接口的参数是String类型的 前台传的参数:http://huoche.7234.cn/images/jb51/dxnnifyfjwp.png 但由于这张是本地照片url(外网无法访问),我后台拿到的是一个String类型,是没有办法是去识别这是一张图片的,访问不了这个数据,仅仅把它当做字符串而已。(低级错... »

微信小程序拖拽排序列表的示例代码

拖拽排序列表思路界面分为两层: 底层,正常列表展示,拖拽的时候不做处理 顶层,movable-view组件,不长按不展示,之后长按才展示,且没有点击事件。touchend滑动结束时触发获取目标节点索引,将初始拖拽节点移动至目标节点,其中的关键代码为:list.splice; // 移动位置将其他设置置空代码代码片段码云仓库 欢迎star、提问题。 »

小程序实现简单语音聊天的示例代码

框架相关 Demo采用Mpvue框架,后端的WebSocket采用Node.js,文件服务器直接使用的微信小程序的云开发的存储。 储备知识 微信小程序录音控制器:recorderManager。 微信小程序音频控制器:innerAudioContext。 微信小程序WebSocket。 Node.js端WebScoket实现 // 基于WS插件 // 引入ws插件 var WebSocketSer... »

微信小程序实现上传多张图片、删除图片

最近在做微信小程序,遇到上传多张图片到服务器,计算上传图片的张数,并且可以手动删除图片,下面是效果图效果图:本来用的是小程序提供的mp-uploader 上传图片的组件,无奈次组件删除效果不是我想要的,只能用wx.chooseImage进行上传图片,在使用uplaodFile将图片发送给后台服务器。 »

小程序实现背景音乐播放和暂停

本文实例为大家分享了小程序背景音乐,供大家参考,具体内容如下 我做这个项目的需求,用到一个背景音乐的播放和暂停; 当用户点击进入音乐界面的时候用户需要手动点击播放对应的音乐,那么播放以后推出音乐界面这个音乐还是处于播放状态,以及音乐的图标的状态也一个是播放。so看看代码吧! 那这里用到了一个新的api 知点,wx.createInnerAudioContext,可以参考小程序官方文档 wx.cre... »

微信小程序地图实现展示线路

本文实例为大家分享了微信小程序地图实现展示线路的具体代码,供大家参考,具体内容如下 效果图: 思路: 1、首先获取一系列的坐标点,然后将这些坐标从头到尾链接起来。(参考微信小程序地图组件polyline属性) 2、在获取的坐标点上标注某一个位置,实现打点。(参考微信小程序地图组件marker属性 ) 3、使用map组件 微信小程序地图组件api地址 下面直接展示代码: wxml: <view... »

小程序选项卡以及swiper套用(跨页面)

小程序选项卡以及swiper套用(跨页面)

选项卡tab和swpier之间的套用,供大家参考,具体内容如下 其实我之前写过一篇选项卡的切换demo,大家阔以参考一下 小程序多个选项卡切换 那今天写这个demo呢,是因为项目需求,所以仅供参考。 首先,我是拿到了home.wxml的数组下标,通过url传参的方式去将这个数组id传到下一个页面,下一个页面接收以后再将id赋值给对应的tab或者currentId(swiper 的下标) 实现上一个... »

Page 1 of 19123»