- 博客(79)
- 收藏
- 关注
RSS订阅原创 微信原生小程序封装用户登陆
open-type是小程序中button的属性之一，合法霍倩倩getUserInfo,引导用户授权，可以从bindgetuserinfo回调中获取到用户信息。button可以指定plain属性，完全去掉样式，跟view类似。后端在用户登陆后会返回resfreshToken和token；
2024-04-18 16:17:52
135
原创 微信小程序生成链接或二维码的对比
样式图：会生成一串https://xxx的二维码链接，当中h5的时候会自动跳转小程序。方法：微信公众平台=》开发管理=》扫普通链接二维码打开小程序。路径：微信开发者工具=》云开发 =》更多 =》静态网站。方法：微信公众平台 =》工具=》生成小程序二维码；然后将生成的链接放在草料上生产二维码；样式图：就一看就是小程序的二维码；获取参数直接options。
2024-04-16 14:41:39
293
原创 微信小程序自定义关闭按钮在弹窗下面的效果
popup.JS/*** 生命周期函数--监听页面初次渲染完成*///自定义弹窗 动态获取屏幕高度});},})},closePopup 关闭自定义弹窗})data(){height:'',popup.wxml" > 弹窗内容，我比较懒切的图
2024-04-11 10:43:21
385
原创 微信小程序转盘抽奖
3.按照组件文档的基本实例可以解决百分之八十的样式问题，但是小程序由于canvas层级过高，会遮住弹窗，组件作者在转盘end以后会将页面切换为图片。由于该页面，还有我写的其他功能组件，因为我选择在弹窗后 wx.redirectTo 到当前页面。1.（这种情况是亲身经历，原因是在安装lukcy-canvas之前已经有了一个vant组件）npm安装好后，将微信开发者工具关闭后再打开，再点击工具栏----构建npm。2.使用过程中，突然就报组件找不到了，有时候重新开发者工具可以解决，但有时候一直解决不了。
2024-04-10 19:59:54
400
原创 文字滚动且首尾透明度降低
原理：在包含文字的div上面覆盖一层背景渐变的div；这里的文字滚动是使用marquee标签来使用的，但是这个标签已经被废弃，不建议使用；
2024-04-07 15:11:31
141
原创 后端说处理了跨域但没有生效
with-credentials用来设置是否发送cookie，如果为true就会在跨域请求时候携带cookie，如果是同一个域名则设置什么都无妨，但是如果不是同一个域名下/外部接口，携带了cookie的话，后端就不能将Access-Control-Allow-Origin设置为*。因为设置为*时cookie不会出现在http的请求头里。常见的跨域报错，一般都是由后端进行setHeader/*什么的。但是现在这种情况就是后端说他们做了处理。但是我这边请求还是报错。
2024-04-07 12:00:37
566
原创 element的el-table自定义最后一行
最后一行要显示一些其他结果，用的是element ui 自带的数据总计的属性；返回一个数组，会按下标进行展示。
2024-03-22 17:13:24
544
原创 处理登录失效后提示多个错误
后端规定当登录过期的时候，response的返回code为401或者非200的数字，便会走request.js里面封装的error方法。流来设置如果出现 999等即登陆过期的情况，报错方法一秒内只执行一次；（PS:如果接口响应较慢有可能又会出现该情况）我的场景是后端规定，即使登录失效返回的code仍是200，然后data的code是999什么的；
2024-03-22 14:41:58
396
原创 Vue手写模拟步骤条
第一步中其实还有个属性叫 background-position也可以移动背景图片，但是我图定位方便；如果要使用element的步骤条就需要强行修改样式，参考之前的那篇步骤条。这里我采用手写div。思路是给最外层的div一个左边框，给里面的step-item设置左边框为图片，通过定位来移动。其他样式属性我删掉了，只留了关键点；
2024-03-14 15:39:53
335
原创 [CSS]文字旁边的竖线以及布局知识
这是这里的绿色盒子应该写为固定的值，如果绿色盒子过长就会出现，绿色盒子超过黄色盒子的情况。因此这里还需要将黄色盒子设置一个min-width:即ui图上绿色盒子的宽度已经外边距。有其他方法，也请多指教~黑色边框为整个屏幕，我平常会习惯性的给3即(绿色盒子)按宽度的百分比取值然后设置为弹性盒子，但是当屏幕较小的时候，有可能会出现2（红色盒子）将1（紫色盒子）遮盖的情况。应该有更好的设置空隙的方法，但是我不是很清楚，知道的大神麻烦指点一下~~
2024-02-28 18:34:25
376
原创 css字体随着屏幕自适应
假设，字体为70px 在大屏显示正常，但是在笔记本上文字就换行了。我想字体随着屏幕变化而变化。使用clamp函数，该函数接收三个参数：分别为 最小值，首选值，最大值。左边是字体大小的范围，右边是屏幕尺寸的范围；
2024-02-28 18:12:37
233
原创 通过css隐藏popover的效果:即hover显示或隐藏另一个元素
在原生的微信小程序上实现下图hover后出现提示的效果，如果是PC端就可以直接使用el-popover，但是小程序，我没有看到适合的组件。重点就是css兄弟选择器，子元素选择器的灵活使用。
2024-01-26 16:46:54
358
原创 微信原生小程序上传与识别以及监听多个checkbox事件打开pdf
微信原生小程序上传与识别以及监听多个checkbox事件打开pdf，f我觉得要一个一个写bindchange事件太杂糅。
2024-01-18 19:46:39
577
原创 Vue监听浏览器自带的复制事件并对复制内容进行修改
Vue监听浏览器自带的复制事件并对复制内容进行修改；在使用鼠标右键或者ctrl c的时候。粘贴出来的数据光标应该在红色部分，却出现在了黑色部分。使用函数对复制的内容进行修改。同理即可在复制文本后追加产权标签等等。html标签不要换行；
2023-12-29 11:04:37
650
原创 Vue登陆失效\未登陆跳转页面，在登陆后回到当时页面
直接提供某个页面路径带了很多参数，然后退回到登陆页面，再登陆就回到该页面。登录过期后回到登陆页；
2023-12-07 20:00:04
322
原创 element ui 的表单规则动态删减与校验
根据表单某个字段的选择不同，需要出现的el-form的表单项也不同，在这里直接写完所有的字段的校验规则，没有显示的表单项使用。
2023-11-27 17:07:26
96
原创 获取验证码在倒计时未完成前清除验证码
在点击获取验证码后，验证码开始倒计时，在点击登录后，出现弹窗不跳转页面。因此在出现弹窗后，即使倒计时没有结束，也要将倒计时的文字变为重新获取验证码。
2023-11-22 15:50:34
193
原创 Vue elemen ui 移除上次校验与部分清除上次校验
如果不清除上次的校验就会出现，之前的大陆企业的校验还会出现在香港企业的校验中。可以切换类型，下面的输入框参数也会随着改变。也可以在这里动态修改表单的校验信息的提示语。
2023-11-01 14:48:40
402
原创 Vant Weapp 的van-cell 与 van-cell-group的边框
用van-cell循环出来的单元格，最上面有一条边框线，且找不到该元素；就没有那个上边框了。
2023-10-31 14:31:55
802
原创 qrcodejs2打开弹窗时将链接转化为二维码与带logo版本并提供下载
this.$nextTick(() => { 需要nextTick否则获取不到div// text: 'xxxx', // 需要转换为二维码的内容text: row.url, // 需要转换为二维码的内容(后端返回的链接)});});},qrCodeHandleClose() { 弹窗关闭清空，否则会出现多个},//下载二维码this.productCode(row.miniUrl) //下载二维码的地址// 创建一个单击事件;// 触发a的单击事件})},
2023-08-21 18:15:28
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人