微信小程序
uniapp
那就可爱多一点点
程序员,喜欢和挑战的前端童鞋,希望可以一起沟通学习
展开
-
Tab选项卡的动画切换demo
Tab选项卡动画切换原创 2022-07-07 14:44:48 · 1083 阅读 · 0 评论 -
分享一个自研小程序:穿搭style
一款关于穿搭的微信小程序:有海报轮播图、分类swiper、搜索功能、人工智能api图像识别、评论、收藏模块、分享海报、上传图片,天气模块。Tips: 这是我大三的时候拿去参加省比赛的项目,当时技术有限,所以我是推荐作为入门项目学习沟通,大佬就可以绕开啦,技术含量不高哈,只是给入门同学一个借鉴思路。详细的开源仓库:GitHub因为这个小程序没有后端参与,所以数据是存储在小程序的云开发端,其使用教程在穿搭style云函数配置教程.md 文档里面...原创 2022-05-26 12:10:58 · 939 阅读 · 1 评论 -
微信小程序组件-uniapp-预约时间段
用于预约时间的选择器,显示被占用的时间,支持多选、单选、选择一个时间段原创 2022-04-01 11:28:11 · 3489 阅读 · 11 评论 -
uniapp开发h5调摄像头识别二维码信息
因为html5+是要在app环境下运行,所以先创建一个5+项目我是觉得一个页面想要扫码识别后拿到数据不是很方便就创建了两个vue来进行测试,也可以在一个页面进行index.vue<template> <view class="content"> <view>二维码数据是:{{result}}</view> <button class="btn" type="primary" @tap="open">打开扫码</..原创 2021-01-12 20:16:40 · 4278 阅读 · 1 评论 -
移动端H5播放直播流m38u视频
<!DOCTYPE html><html> <head> <meta charset=utf-8 /> <title></title> <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet"> <script src='https://vjs.zencdn.net/7.4.1/video.js'></原创 2020-10-20 16:33:09 · 1325 阅读 · 0 评论 -
悬浮动画切换重叠处触发来回闪烁问题
最近做做官网的时候有个动画效果,点击切换刚开始是正常的,到后面无意间悬浮到两个div重叠的地方是就出现了交替闪烁问题,查了下资料,采用的防抖解决的:var t = null $('.swiper-slide').mouseover(function() { clearTimeout(t); t = setTimeout(() => { var index = $(this).index() var e = document.getElementById("parter原创 2021-04-06 14:51:06 · 171 阅读 · 0 评论 -
个人中心下滑动画
核心代码部分template 模块<view> <view class="back"> <image class="back_img" src="https://636f-cold-452cb-1302899859.tcb.qcloud.la/back.jpg?sign=ddb32c9a09a0b05e57629325f80952d1&t=1607398831" mode="aspectFill"></image> <.原创 2020-12-10 17:06:31 · 140 阅读 · 0 评论 -
uniapp微信小程序引入腾讯视频插件
第一步在微信公众平台申请腾讯插件第二步复制腾讯视频插件的id(在详情里面)第三步在uniapp的配置文件引入在这里插入代码片“plugins” : {“tencentvideo” : {“version” : “1.3.17”,“provider” : “wxa75efa648b60994b”}},第四步 (刚开始我被带偏了)我以为是在page.json定义路由的组件下引入然而并不是,是在全局引入第五步直接在vue文件中使用 <txv-video vi原创 2020-12-09 18:02:54 · 2343 阅读 · 0 评论 -
微信小程序的返回上一页带参传值
当我们跳转到一个新页面的时候希望点击操作完成后返回上一页可以把相应的值回去跳转的页面: var pages = getCurrentPages(); //当前页面 var prevPage = pages[pages.length - 2]; //上一页面 prevPage.setData({ //直接给上一个页面赋值 productName: detail.name, productId: detail.index });原创 2020-11-11 15:05:57 · 819 阅读 · 0 评论 -
微信小程序转成uniapp的h5,请求遇到跨域问题
有两种解决方案第一种:直接运行在uniapp的内置浏览器中,不会遇到跨域问题第二种:在manifest.json的源码中配置h5的跨域代理"h5":{ "devServer":{ "port":8080, "disableHostCheck":true, "proxy": { "/api/v1": { "target": "https://xxxxx.cn/", "changeOrigin":true, "secure":false原创 2020-10-21 17:22:16 · 1430 阅读 · 2 评论 -
微信小程序的input组件的冒泡事件解决
微信小程序解决冒泡事件是用catch,非冒泡事件是bind我的需求是在复选框中点击输入框请输入时,不能操作选中事件,选中事件会发生的原因就是冒泡机制我试过input组件的输入事件bindinput改为catchinput没有效果,还是会触发。我的解决方案是先写入bintap,因为复选框的原理是配置checked未true则选中,所以在bindtap(catchtap)的事件里让改checked一直为true let index = e.currentTarget.dataset.index原创 2020-10-19 20:12:08 · 1588 阅读 · 0 评论 -
js计算当前时间的前后几天方法
function Fungetdate (count) { var dd = new Date(); dd.setDate(dd.getDate() + count);//获取p_count天后的日期 var y = dd.getFullYear(); var m = dd.getMonth() + 1;//获取当前月份的日期 var d = dd.getDate(); return y + "-" + m + "-" + d;}前三天let time = Fungetdat原创 2020-10-19 20:02:00 · 941 阅读 · 0 评论 -
小程序的模糊联想搜索,下拉框选择
github地址 https://github.com/pretty-git/pulldown.git我是封装的组件可以直接在微信小程序里面引入使用,原创 2020-08-28 19:24:30 · 1321 阅读 · 4 评论 -
小程序如何调用微信支付
onLoad: function (options) { //获取用户的Code // 登录 wx.login({ success: function (res) { // 发送 res.code 到后台换取 openId, sessionKey, unionId var that = this; if (res...原创 2020-01-17 20:11:10 · 562 阅读 · 0 评论 -
小程序模板推送需要的formId获取
小程序模板推送需要formId和openIdopenId获取可以查看官方文档,我讲讲formId的获取和遇到的问题:我用的的uniapp开发小程序,其实这是最大的错误开始开发,开发小程序建议还是使用官方的微信开发工具,uniapp写表单获取formId:(正确写法)<form @submit="submits"report-submit='true' > ...原创 2020-01-09 11:59:13 · 619 阅读 · 2 评论 -
小程序模板推送
第一步:先去小程序公众平台开启模板推送https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=342095445&lang=zh_CN讲讲我和后端遇到的坑:刚开始是填写URL一直报错请求超时,请检查填写的信息是否正确,经过检查之后发现需要配置到服务器下后成为线上地址,并且一定要走的通,下一填写Token一直报错Token...原创 2020-01-09 11:32:58 · 328 阅读 · 0 评论