- 博客(33)
- 收藏
- 关注
RSS订阅
原创 网页H5链接嵌入在uniapp 中 再从H5 跳转到app 中
最近 要做一个uniapp 开发的app 功能，但是因为是用uniapp 进行app 开发 没有图片验证的方法，所以 就让做一个嵌套的功能，把登录模块专门放在网页H5 中，然后登录之后，将token 传递到APP 上， 这样一个操作。真得有用，看别的文章 ，我都不知道他们写的啥 ，所以 我想整理出来 ，有需要的就可以直接复制。如果 有需要的可以直接复制 用 ，我开始以为 要从H5 跳转到APP ，根本跳不过来， 所以 要从uniapp 中去跳转，1. 创建一个登录页面。
2024-05-06 16:39:37
443
原创 vue3小程序 中封装组件 但是想在页面中直接获取使用的话可以 通过这样的方式
我们经常会封装许多模那种 loading 或者toast 这种内容，如果在页面上大量写的话 也会感觉代码很乱 所以我们可以简单封装一个 vue2 版本 或者 vue3 版本。在页面中我们可以直接 this. shortToast('内容')在vue2中 我们将这个文件导入main.js 文件 中。在页面中 引用的时候 我们就是通过这样的方法。1. 创建一个 toast.js 文件。
2024-07-16 16:03:47
431
原创 uniapp微信小程序授权登录实现
我们小封装一个获取code 的方法 在页面中可以直接调用 封装在 js 中。我们在做小程序的时候用的最多的方式登录 就是原生的授权登录的功能。这个方法 也不是很难 首先我们要获取我们在小程序中的code值。把登录的要封装在一个单独的文件中，这样修改的时候，也方便修改。
2024-07-12 15:34:38
395
原创 vant 组件上拉加载
当我们在做订单页面 或者数据过多的时候，我们都要用到上拉加载的功能。因为我对上拉加载这个地方每次都写不好，然后今天突然上拉加载不好使 ，我就在网上找这个方法，找了很多都不行，我就试着改 没想到可以了 这样以后直接复制直接使用模板就可以了。
2024-07-03 13:45:59
164
原创 在 uniapp 中即使不用原生的 tabBar 也可以在页面上退出整个程序
因为在pages.json 中写原生的 tabBar 可以自动退出页面，如果要是封装一个底部栏 在页面上滑动就不会有这个问题。索引要在每个页面中加入一行这样的代码就可以实现这个功能。在main.js 中加入一行这样的代码。
2024-06-29 09:18:19
169
原创 封装一个不同小标题对应不同的文字颜色
我们在做列表渲染的时候 经常会根据额后端给的数据字典来判断属于什么 如果说文字都是一个颜色 我们可以不用判断，但是想么麻烦的 不能在页面每个都要判断 这样就太麻烦了 ，所以要封装一个类型。封装一个 style.js 文件。
2024-06-22 14:42:01
131
原创 H5 Audio 音频播放
这个就是我要做的功能，点击标题的时候，弹框展开 不播放，点击播放的时候，图片转动 这样的一个效果 然后那个播放的按钮会切换。好像现在很少有用 Audio ，因为现在好多都是小程序播放 ，所依我想用这个组件来写一个。
2024-06-22 14:22:49
136
原创 网页 H5 搭配 leaflet 图 展示地图 可以用图片覆盖地图
然后 要在index.html 引入外部资源 建议可以转化成自己的资源 因为外部的链接 会导致图片渲染很慢，感觉不是很好 ，还会限制图片的大小 ，图片建议不要很大 这样很容易出不来。因为公司想做一个 图片可以覆盖在地图上的方式，最开始的时候使用了 uniapp 中的map 组件，虽然也能覆盖， 但是功能不是很完善 ，很齐全， 然后就开始找各种的方法找到了这个。也是做好了之后，在嵌入在app 中。首先 我们要在安装包。
2024-06-22 13:56:52
305
原创 H5 引用高德地图 ，自定义颜色变化
然后点击自定义地图去编辑 选择样式，选择适合的样式，然后我们在发布就可以使用了 ，发布之后 会有个 amap:// 就是我们要引入在代码之中的。我们平时引入地图的时候，就是默认的颜色 ，但是如果自定义颜色 ，可以根绝类型来选择自己的颜色。申请完key 之后 我们可以找到 自定义地图。我们要去安装高德npm包。我们首先在高德开发者平台(这个就是通过 高德改的。
2024-06-22 13:35:26
264
原创 APP 换起支付宝支付功能
orderInfo 这个地方传递不是对象 ，而是参数的拼接 用&进行拼接 后端就可以拼接好 ，还要注意this 指向的问题，2. 然后我们可以根据后端的配置来进行操作 ，记住有几个小问题 ，要不然很容易出错。1. 最近在app 里面要用支付宝支付这样一个操作。
2024-06-22 13:16:01
219
原创 在uniapp 中 uni-popup 内容过多的时候 滚动不了的问题
我在用这个组件的时候，发现，限制一定的高度，如果内容太多，就会滚定不了，卡在哪里，如果不给高度，内容就会撑开满屏的状态，然后找了很多方法，也算找到了。
2024-05-18 14:22:38
497
原创 封装一个原生快手小程序和抖音小程序 请求封装
快手原生就是 ks.request,抖音就死tt.request,老规矩可以直接使用，换一下接口地址就可以。
2024-05-14 15:35:23
266
1
原创 遇到页面卡顿的时候 数据加载不出来 或者进入另一个页面 给一个动画效果
在做网页的情况下 最头疼的时候就是页面优化的问题，如从A 页面跳转到B 页面的时候 ，B页面的数据还没有加载出来，这个时候用户的体验感 是非常不好的，所以我们要进行优化我们的代码。这样进入页面的时候 就会有一个加载的效果 ，这样就会丝滑 ，加载完数据也就显示出来了。1.首先创建一个加载动画的页面 loading.vue。2. 在创建一个引入loading 的界面。
2024-05-11 14:49:31
118
1
原创 登录鉴权方案
就是当token 失效的情况下，让他会跳入登录页，当没有登陆的时候，你点击任何一个页面的链接，都要跳转到的登陆页，当你登录了之后 ，不能再进入登录页。我们在一个项目中可能会有登录的功能，虽热登录鉴权不是什么特别的难点 ，但是我觉得，肯定会有用的上的。
2024-05-11 14:20:05
152
1
原创 Web H5 中上传身份证利用Vant组件 压缩图片大小
可能大家都会选择用组件库 ，来做这个功能，我也一样 我的方法 大家可以直接赋值用，把变量一换就可以了 非常简单。2. 要去安装一个图片压缩的包 npm install compressorjs 大家也可以去了解一下。最近要做一个 用户可以自己上传身份证，并且 数据回显的一个状态。
2024-05-11 13:42:49
340
1
原创 在 H5 中 遇到input输入框 将底部栏推起来 如何解决这个问题
在我们开发项目的时候，经常会遇到input 输入框将底部的按钮弹起来的问题 ，因为这个问题只有在 安卓的手机上会看到这个问题，苹果手机可能因为系统的问题 不会显示出来 因为这样太丑了 ，但是也是有解决办法的。在底部的时候 我们都可能会用固定定位 这种方式 这个方法真的很有效。
2024-05-11 10:59:10
176
1
原创 input 搜索高亮的效果
我们可以这样理解 ，将返回来的字段 我们把他当作一个行内元素来拆分开来， 就是很简单。在搜索的时候，我们经常会遇到搜索的关键字高亮的效果。
2024-05-11 10:35:12
163
1
原创 APP 小程序 根据当前的定位 获取当前城市经度纬度 并且逆解析地址
当时做一个问题 ，不知道为啥在小程序里面 不能使用 type:wgs84,但是在app 里面可以使用 在小程序里面用默认为国测局坐标 gcj02。1.首先要去腾讯地图申请key。我用的是腾讯地图，来获取逆解析。2. 点击 创建应用。
2024-05-11 10:23:15
250
1
原创 封装 uniapp 中 uni.request 请求
2. 在去建一个 post 和get ，要不然 每次去弄接口，都要在api 单独的文件中 弄，如果接口变动，在去修改 我觉得比较麻烦 所以 就可以直接在页面中引入 就可以。因为 ，要开发好几个小程序 ，所以肯定要去封装一下请求功能， 下面写好了 ，可以直接复制，我也不知道怎么说。3. 在去页面上引入。
2024-05-06 16:48:25
124
原创 uniapp ＜web-view＞＜/web-view＞嵌套h5 从H5 在跳转到小程序中
然后 npm install weixin-js-sdk 获者npm install weixin-webview-jssdk 我两个都下载了 但是下载一个就可以，太长事件了。最近要做一个 小程序内嵌套的H5 网页，但是网页中的支付，在小程序里 不可行，所以就得把参数传递到小程序中，在小程序支付。这个方法可以直接用，你把路径换一下就可以。
2024-05-06 11:13:55
268
原创 H5 中时间预约筛选 利用Vant 组件中picker
今天要做一个上门洗衣预约时间的流程，就是用户在今天的日期可以进行选择某一刻时间段，但是如果说是现在上午10：30分 ，那么就不可以选10：30分之前的时间段和当前的时间段，都不可以进行选择，但是在当天看其他的日期，是可以选择任意时间段的，听着感觉简单，但是操作下来 还是听麻烦的，废话不多说，直接代码展示，大家可以赋值直接用的。
2024-04-30 17:18:50
167
原创 uniapp中的uni.createInnerAudioContext() 音频创建
1. 因为做的小程序需要视频讲解 默认展示播放按钮，当点击播放的时候 显示暂停音乐这样的一个效果。写了一个简单的点击事件。
2024-04-15 13:21:36
634
原创 封装uniapp 通用的导航栏 小程序和H5页面都可以使用
1.首先要在pages.json 中 在每个路由下面加上 "navigationStyle": "custom" 去掉原生的导航样式。因为最近在做小程序和h5 并且要求头部导航栏 要展示不一样的返回按钮 所以只能自己封装一个。2.封装一个通用的 headerBar.vue 组件。这样一个头部导航就封装好了。
2023-10-11 21:53:43
575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人