- 博客(92)
- 收藏
- 关注
RSS订阅
原创 elementUI 的上传组件＜el-upload＞，自定义上传按钮样式
方法1：调用组件的方法唤起选择文件事件效果；方法2：把图片显示分离出来，做选择图片使用，单独做一个显示图片的区域
2023-08-14 16:25:07
5014
原创 uniapp 开发一些实际经验
返回 res.path 就是我们drawImage的图片地址了（getImageInfo用static地址是错误路径的（分包），所以最好是网络地址）statusBarHeight: uni.getSystemInfoSync().statusBarHeight // 精确度比css变量的高。下面代码只是参考，最后还是要下载插件的，因为插件里有画圆角矩形框的！drawImage无图问题：用本地图片解决跨域：H5与微信小程序。网络图片要uni.getImageInfo(OBJECT)，image 查看效果。
2023-07-20 20:23:03
1403
原创 js 拖拽事件升级版（母生儿，母在家，儿四处飘~）
js 拖拽元素，生成新元素，新元素跟着鼠标动，松开书标，新元素停在鼠标松开时的位置，再次点击该新元素，该新元素本身被拖拽，换新位置（母生儿，母在家，儿四处飘~）
2022-10-15 17:40:45
225
原创 若依 vue前端 动态设置路由path不同参数 在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
若依vue前端能跳转到新路径的方法，我暂且知道这三种形式：1 在若依的菜单项添加2 在router里添加3 直接用标签里跳转第1和第2钟做法，都是要提前声明一个路由对象，然后使用或者$router.push跳转metaTitle: row.chargeName + '的费用配置'},})第3钟做法，不用声明就可以直接跳转，但是因为你不曾声明过，所以面包屑和标签页标题是不会发生改变的。..................
2022-08-13 15:18:29
26186
28
原创 uniapp uview 框架的form表单，输入校验手机号、校验微信号
uniapp uview 框架的form表单，输入校验手机号、校验微信号
2022-06-06 17:59:10
6771
原创 微信小程序，获取当前页面，判断当前页面是不是tabbar页面
原理：用getCurrentPages()方法，获取用户访问的所有页面，最后的那个页面就是当前页然后有route属性，就知道当前页面的路径了，再和tabbar页面的路径对比就好了let pages = getCurrentPages()console.log(pages)if(pages.length > 0) { let prevPage = pages[pages.length - 1] if (prevPage.route === 'pages/index/index' .
2022-05-25 16:13:29
7303
3
原创 前端 折叠面板 折叠展开动画
前言以uniapp代码来说明折叠面板原理效果原理首先折叠展开动画选择 transition属性transition: all 0.4s;然后使动画生效：动态改变折叠面板的高度折叠面板初始高度为0（height 0 ）然后再根据折叠面板里面内容的高度，改变折叠面板的height，* 如果你的折叠面板是已知的展开高度，那就直接在0与已知高度里进行切换* 如果你的折叠面板高度是不确定的，那就要在折叠面板里面再用一层view把内容包起来，然后写代码动态获取这个view的高度
2022-05-24 17:42:00
6101
6
原创 uniapp 原生js实现公历转农历
代码思路在下面这个博客，我这里只是记录一下我是怎么在uniapp里使用的原生js实现公历转农历_xm2by的博客-CSDN博客_javascript 农历原生js实现公历转农历参考文献：[1] 1900年至2100年公历、农历互转Js代码https://blog.csdn.net/XuM222222/article/details/82022345第一步 找到资料点击我提供原文链接，滑倒最底下，点击github链接第二步 复制生成lunar.js全选赋值，然后放在你的uniapp项目
2022-05-24 15:32:56
2030
原创 HBuilder 按F11退出免打扰模式失效
方法一HBuilder 按F11退出免打扰模式失效，不用惊慌，按window键，显示桌面底部的任务栏，然后把Hbuilder窗口关掉，再重新打开Hbuilder就好了。根据提示说按F11还原，但是我按了没效果，不慌~按键盘上的window键，就是有windows系统图标的那个键，然后就会显示桌面底部的任务栏我是windows11系统，就长下面这样然后右键Hbuilder把它关了，再重新打开，就退出全屏模式了。方法二HBuilder 按F11退出免打扰模式失效，究.
2022-05-10 10:01:59
3492
3
原创 IDEA中maven的Plugins spring-boot-maven-plugin maven-resources-plugin报红解决方法
首先找到你的maven仓库，然后找到报红的位置对应的文件夹，删掉，然后返回idea中的项目，删除pom.xml爆红的代码位置，重新maven，再撤销删除，重新maven，就能在maven仓库中重新下对应的包，然后就不报红了。Idea 上查看maven仓库：找到报红的位置对应的文件夹，删掉：把报红代码删掉，重新maven撤销删除，重新maven然后就不报红了（我是先把报红问题解决，后写的文，所以我的截图中，就没有报红，就截个图让你们看个位置）.........
2022-05-05 11:18:45
6621
4
原创 uniapp app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json 文件
有时候uniapp，点运行，点发行，就会出现这个问题，我知道，它就是uniapp那边跑的没把这个文件跑到微信开发者工具，不停的点运行点发行，自己就好，但是，点多了人有点烦躁，这次我学精了，等他能成功跑起来了以后我把sitemap.json保存起来，下一次他说缺的时候，我就粘贴进去！！！！！！{ "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
2022-04-29 11:34:59
4613
3
原创 uniapp u-View 的输入框，怎么做输入变化，变成两位小数，然后设置输入最小值和输入最大值、整数、不给输符号等（elementUI的输入框也可以借鉴）
前言uniapp u-View 的输入框，怎么做输入限制，输入两位小数，然后设置输入最小值和输入最大值、整数、不给输符号等解决一通百通，就不写那么多了，如果你有好的做法，或者认识好的组件，你就评论告诉我哈，谢谢啦思路：1、如果想要输入整数、小数，input 组件自带的type就能够满足，type=digit，键盘是带有小数点的数字键盘，type=number，键盘是不带有小数点的数字键盘。2、如果产品设计需要限制输入的字数，input 组件自带maxlength，限制输入多个字.
2022-04-28 14:39:17
7448
原创 华为手机微信小程序上传不了照片
前言也是一个很突然的情况，微信小程序选择图片uni.chooseImage，上传图片uni.uploadFile，其他手机（除了我测试同事的华为mate40，微信开发者工具的模拟器、Hbuilder的内置浏览器、然后我自己的手机（红米note9）、还有我两个同事的旧手机（具体是啥不清楚、就是用了好几年），都能上传图片成功，就华为mate40上传不成功，我测试同事说这是新手机。很尴尬很尴尬解决如果你的情况和我一样，有的手机能正常上传图片，那你就去看看你的uploadFile合法域名有没有把你的
2022-04-26 14:49:41
4726
原创 小程序、网页 设置了全屏背景色，往下滑背景色就没了，变成白色
有高度百分百还不够，还要有overflow: scroll;这样往下滚，背景色就还在，不会变白了.v-order-detail { height: 100%; background: #F4F4F4; overflow: scroll; padding-bottom: 10rpx;}效果对比之前：之后...
2022-04-23 09:33:11
2057
2
原创 JS 获取筛选过的list item的某些属性
前言接口是一次性返回所有的分类的，所以得要前端这边自己处理数据最终效果3列联动选择uniapp 的select 选择器，固定死字段名了，所以我们 还需要给接口返回的字段重新命名实现活用list 的map(),filter(),方法<u-select v-model="isPlatforationSelectShow" mode="mutil-column-auto" :list="platformCategorysList" @confirm="confirm".
2022-04-18 17:57:03
1456
原创 [Vue warn]: Error in render: “TypeError: Cannot read property ‘label‘ of undefined“
前言主要是自己可以百分百的确定，label 已经被定义过了，然后页面也都正常加载，但是控制台就是显示这个报错信息，强迫症很不舒服，一定要把这个报错干掉。原因vue的渲染问题，vue初次加载的渲染，会先渲染.前面的值，然后再渲染.后面的值解决在报错误的地方的标签上加上v-if 判断举例：原先：<view class="v-order-item-statu" >{{ oItem.status < 4 ? (statusOptions[oItem.stat
2022-04-14 14:52:32
1598
原创 npm install 卡在了 reify:rxjs: timing reifyNode，出现 gyp ERR find Python、gyp ERR find VS
前言最近跑一个vue的项目，第一步肯定是npm install , 结果就出现我标题上写的那些情况，经过一番搜索，网上一堆方法尝试了，有说叫你用管理员权限运行 npm install --global --production windows-build-tools， 有说叫你下载python的，emmmm 我真的照做了。gyp ERR! find Python 确实不提示了，然后就出现 gyp ERR! find VS， 我心想，我就跑个前端项目，不至于它报我缺少什么我就要一个一个去下载吧！ 我就意识
2022-04-14 09:41:34
35780
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人