微信小程序
文章平均质量分 50
小小黑007
这个作者很懒,什么都没留下…
展开
-
uniapp---- 微信小程序中获取当前地理位置(高德地图)
【代码】uniapp---- 微信小程序中获取当前地理位置(高德地图)原创 2023-03-13 16:05:34 · 3757 阅读 · 0 评论 -
uniapp&&微信小程序 ---倒计时【setTimeout】封装
可以单独封装一个js里后调用 也可以直接当前文件编写(我这个是直接写到当前页面了)调用方式:this.addTimeout(() => {},1000)原创 2023-03-08 17:57:08 · 623 阅读 · 0 评论 -
微信小程序----封装上传图片以及获取图片【wx.chooseMedia wx.uploadFile】
【代码】微信小程序----封装上传图片以及获取图片【wx.chooseMedia wx.uploadFile】原创 2023-02-27 11:01:05 · 871 阅读 · 0 评论 -
uniapp----用uCharts(组件)实现折线图效果
uniapp----用uCharts(组件)实现折线图效果原创 2023-02-23 13:16:43 · 2960 阅读 · 1 评论 -
微信小程序---- 外卖小程序查看实时地图路线(骑手端&用户端)【高德地图】
tag 1是司机端进入查看 2是用户端身份查看原创 2022-12-27 15:20:08 · 5873 阅读 · 3 评论 -
uni-app和微信小程序 ----- 获取当前时间 (y-m-d h:i:s) && 获取明天,昨天等时间 && 日期段筛选
借鉴一些大佬的代码 整合一下完成的。原创 2022-10-18 11:21:36 · 2727 阅读 · 0 评论 -
微信小程序----封装获取openid以及授权获取手机号
微信小程序----封装获取openid以及授权获取手机号原创 2022-11-30 15:39:37 · 1037 阅读 · 0 评论 -
微信小程序----封装request以及对接口进行模块化
【代码】微信小程序----封装request以及对接口进行模块化。原创 2022-11-30 14:53:05 · 308 阅读 · 0 评论 -
微信小程序(组件)----上传单张图片以及获取图片【wx.chooseMedia wx.uploadFile】
【代码】微信小程序(组件)----上传单张图片以及获取图片【wx.chooseMedia wx.uploadFile】原创 2022-11-30 14:14:25 · 3228 阅读 · 2 评论 -
UNIAPP---获取设备系统信息(高度、宽度)【uni.getSystemInfo】
官方文档:https://uniapp.dcloud.net.cn/api/system/info.html。原创 2022-09-22 18:01:19 · 3452 阅读 · 0 评论 -
微信小程序----判断小程序版本是否是新版本
在小程序app.js中,onLunch()方法中进行添加:原创 2022-06-08 14:50:30 · 661 阅读 · 0 评论 -
微信小程序--单选按钮以及多选按钮列表
【代码】微信小程序--单选按钮以及多选按钮列表。原创 2022-08-19 17:32:22 · 3245 阅读 · 0 评论 -
uniapp---- 获取当前位置的经纬度等信息的详细步骤(包含小程序)
代码】uniapp----获取当前位置的经纬度等信息的详细步骤。原创 2022-07-27 17:19:36 · 7318 阅读 · 0 评论 -
微信小程序----微信小程序浏览pdf文件
说明通过wx.downloadFile,wx.openDocumen来实现打开pdf文件。只需在js操作即可。原创 2022-07-27 16:55:09 · 8032 阅读 · 0 评论 -
微信小程序---单选列表返回上一页功能以及获取选中的数据
wxml:js:返回上一页面引用:原创 2022-07-14 17:18:18 · 683 阅读 · 0 评论 -
微信小程序--放入个性化手绘地图具体步骤(腾讯地图)
1.首先需要一个腾讯地图的账号(微信登录即可),然后选择个性化地图进入(https://lbs.qq.com/customMap/添加链接描述),随后选择开启个性化图层按钮进入图层设计。2.一般来说会有专业的UI设计来完成地图的绘画,之后会给到前端一张图片,这个时候前端可以点击‘切片创建图层’的按钮进行创建图层。3.开始进行图片和地图坐标合并,点击新建,进入设计页面。搜索需要绘图的具体位置,进行图片的上传,通过一定的拉伸等操作使图片的坐标和地图的坐标尽量重合。设置适当的层级即可点击生成瓦片的按钮。原创 2022-07-12 14:53:49 · 9585 阅读 · 5 评论 -
微信小程序 ---播放音频
功能描述:一进页面就会播放音乐,点击暂停再次点击后可以开始播放,退出页面后播放停止。原创 2022-06-13 15:07:25 · 5467 阅读 · 1 评论 -
微信小程序----图表插件示例用法(wx-charts)
微信小程序----图表插件示例用法wx-charts参数说明:opts Objectopts.canvasId String required 微信小程序canvas-idopts.width Number required canvas宽度,单位为pxopts.height Numb原创 2022-05-20 12:00:53 · 2007 阅读 · 0 评论 -
微信小程序---- 获取手机号(微信最新更新)
微信小程序---- 获取手机号(微信最新更新)前言:需要将 button 组件 open-type 的值设置为 getPhoneNumber,当用户点击并同意之后,可以通过 bindgetphonenumber 事件回调获取到动态令牌code,然后把code传到开发者后台,并在开发者后台调用微信后台提供的 phonenumber.getPhoneNumber 接口,消费code来换取用户手机号。每个code有效期为5分钟,且只能消费一次。注:getPhoneNumber 返回的 code 与 wx.lo原创 2022-05-09 14:03:44 · 2013 阅读 · 0 评论 -
微信小程序----获取今天(昨天,明天)
微信小程序----获取今天(昨天,明天)获取当前时间点onLoad: function(){ var that = this; that.getNowTime()} getNowTime: function() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1; var day = now.getDate(); if(month < 10转载 2022-04-20 11:48:48 · 2018 阅读 · 2 评论 -
微信小程序---配置微信商户平台进行微信支付操作指南以及踩坑记录
微信小程序—配置微信商户平台进行微信支付操作指南以及踩坑记录1.登录微信商户号平台:https://pay.weixin.qq.com/2.注册账户,填入各种信息后等待审核通过 一般1-3个工作日。通过后保存商户号和商户名称。3.需要获取商户秘钥以及api证书:点击账户中心进入api安全页面。3.1首先申请api证书:没有证书时点击新建申请证书按钮,按照指示获取到一个证书压缩包,把这个给到后台技术人上传到服务器。3.2设置秘钥,点击设置按钮,根据提示获取信息,记得要保存起秘钥,能不改就不要改原创 2022-04-08 13:49:22 · 4443 阅读 · 0 评论 -
微信小程序---tab选项卡组件
微信小程序—tab选项卡组件在components组件中新建tab文件夹。(组件可自定义样式)components/Tab/tab.wxml<!--components/Tab/tab.wxml--><!-- 自定义tab标签组件--><scroll-view scroll-x="true" class="scroll-view-x" wx:if="{{!ttype || ttype==2}}"> <view class="scroll-view-it原创 2022-03-09 17:33:49 · 4723 阅读 · 0 评论 -
微信小程序---swiper轮播图组件
微信小程序—swiper轮播图组件在components中新建文件夹swipercomponents/swiper/swiper.wxml<!--components/swiper/swiper.wxml--><view class="container"> <swiper class="swiper-box" bind:change="swiperChange" interval="4000" circular autoplay> &l原创 2022-03-09 17:17:24 · 2130 阅读 · 0 评论 -
微信小程序---自定义顶部导航组件
微信小程序—自定义顶部导航组件在components中新建文件夹navbarcomponents/navbar.wxml<!--components/navbar.wxml--><view class="navbar" style="height:{{navHeight+5}}px;background-image:url('{{imgUrl}}') "> <!-- 左上角 返回按钮 和 home按钮 wx:if="{{showNav}}" 是控制左上角按钮的显示隐原创 2022-03-09 17:02:07 · 1442 阅读 · 0 评论 -
微信小程序 ----微信支付
微信小程序 ----微信支付onLoad(){ this.getPaydatas();//获取支付信息}, // 点击缴费按钮 payBtn() { let that = this; let datas = that.data.payDatas; wx.requestPayment({ //调起微信支付 timeStamp: datas.timeStamp, nonceStr: datas.nonceStr, package:data原创 2022-03-04 16:24:40 · 357 阅读 · 0 评论 -
微信小程序---自定义顶部导航组件
微信小程序—自定义顶部导航1.在app.js文件中,获取导航高度等信息:// app.jsApp({ onLaunch() { //设置导航栏 //获取菜单按钮的布局位置信息 let menuButtonObject = wx.getMenuButtonBoundingClientRect(); //获取系统信息 wx.getSystemInfo({ success: res => { //状态栏的高度 le原创 2022-02-25 13:55:14 · 835 阅读 · 0 评论 -
微信小程序 --- 获取当前地点和目的地距离 && 获取目的地的高德地图显示 && 点击按钮进行导航
微信小程序 — 获取当前地点和目的地距离 && 获取目的地的高德地图显示 && 点击按钮进行导航// 计算两地之间的距离function juli(lat1, lng1, lat2, lng2) { console.log(lat1, lng1, lat2, lng2) var radLat1 = lat1 * Math.PI / 180.0; var radLat2 = lat2 * Math.PI / 180.0; var a = radLat1 -原创 2022-02-18 11:51:12 · 2324 阅读 · 0 评论 -
JS--根据数组中对象的某个属性值进行去重
JS–根据数组中对象的某个属性值进行去重方法一:function unique(arr,name) { const res = new Map(); return arr.filter((a) => !res.has(a[name]) && res.set(a[name], 1))} console.log("---", unique(arr,'name')) //可直接打印结果 方法二:function arrayUnique(arr, name)原创 2021-10-13 15:58:02 · 608 阅读 · 0 评论 -
微信小程序---地图导航(点击地址,可以进行导航)
微信小程序—地图导航(点击地址,可以进行导航)// 地图 getLocation(e){ var that = this, address = e.currentTarget.dataset.address; wx.getLocation({ //定位类型 wgs84, gcj02 type: 'gcj02', success: function(res) { console.log("定位信息", res);原创 2021-08-18 17:03:45 · 7981 阅读 · 0 评论 -
微信小程序---条形码展示
微信小程序—条形码展示条形码js封装 —index.jsvar barcode = require('./barcode'); function convert_length(length) { return Math.round(wx.getSystemInfoSync().windowWidth * length / 750); } function barc(id, code, width, height) { barcode.code128(wx.createCanvasCo原创 2021-06-24 13:33:51 · 1137 阅读 · 1 评论 -
微信小程序---判断苹果11及以上型号手机
微信小程序—判断苹果11及以上型号手机在app,js全局中onLaunch: function () { var t = this; wx.getSystemInfo({ success: function (e) { // 判断是否是苹果11及以上手机 top44是苹果样式不一 if (e.safeArea.top > 20 && e.model.indexOf("iPhone") > -1) { t.setCache("isIpx", e.原创 2021-05-12 16:43:48 · 1992 阅读 · 0 评论 -
微信小程序 多个input点击按钮添加和删除
微信小程序 多个input添加和删除效果图展示xml注意事项: input中添加 value=’{{names[index+1]}}’ data-index=’{{index}} bindblur=“bindinput”' <view class="adds"> <view class="lis"> <view class="title">货品名称</view> <input type="text"原创 2021-04-25 13:50:48 · 1713 阅读 · 2 评论 -
微信小程序--checkbox-group样式修改,去掉勾选框 && 微信小程序radio的样式修改
微信小程序–checkbox-group样式修改,去掉勾选框<checkbox-group bindchange="checkChange"> <view class="serviceSel"> <label wx:for="{{medHis}}" wx:key="{{medHis}}" class="checkbox {{item.checked?'is_checked':''}}"> <checkbox value="{{i原创 2021-02-23 13:51:54 · 2791 阅读 · 0 评论 -
微信小程序--多列选择器
微信小程序–多列选择器<picker class="picks" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> <view class="picker {{seleNull == 0 ?'':'cur'}}">原创 2021-02-01 14:25:32 · 673 阅读 · 0 评论 -
微信小程序-- 提交信息 弹出框(弹窗)
微信小程序-- 弹出框(弹窗)提交信息原创 2021-01-28 17:13:07 · 1743 阅读 · 0 评论 -
微信小程序---多文件或者图片上传
微信小程序—多文件上传html<view class="list1"> <view class="fonts">上传事件相关资料或文件(jpg/pdf/word)<text class="xuan">(选填)</text> </view> <view class="cell"> <view class='jinList' wx:for="{{uploaderList}}" wx:key="index">原创 2020-11-19 16:04:25 · 490 阅读 · 0 评论 -
微信小程序---rich-text中图面样式修改
微信小程序—rich-text中图面样式修改原创 2020-11-18 11:51:45 · 3490 阅读 · 0 评论 -
微信小程序--- 返回上一个页面传参
微信小程序— 返回上一个页面传参当前页面js// 批量选择 isClick(e) { var that = this var ListInfo = that.data.ListInfo //信息数组 var ids = e.currentTarget.dataset.id//点击获取的id var idList = that.data.idList//id数组 for (var i = 0; i < ListInfo.length; i++) {原创 2020-11-12 11:13:09 · 434 阅读 · 0 评论 -
微信小程序---购物车功能(选中与取消选中,全选与取消全选)
微信小程序—购物车功能(选中与取消选中,全选与取消全选)html<view class="box"> <view class="container"> <view class="hopeList" wx:for="{{ListInfo}}" wx:key="index"> <image class="icos1" wx:if="{{item.avatar == ''}}" src="../../images/arv.png">原创 2020-11-12 11:10:07 · 2806 阅读 · 1 评论 -
微信小程序---获取当前日期以及前7天的日期 && 获取日期的今天,明天,后天
微信小程序—获取当前日期以及前7天的日期封装js — util.jsconst formatTime = time => { const year = time.getFullYear() const month = time.getMonth() + 1 const day = time.getDate() const hour = time.getHours() const minute = time.getMinutes() const second = time.g原创 2020-11-10 14:51:44 · 5016 阅读 · 2 评论