- 博客(55)
- 收藏
- 关注
RSS订阅原创 vue大屏操作中实现一个渐变色的下拉选择框，并且做个表格展示每段渐变颜色的信息
rgb: chroma(color).rgb().join(', ') // 转换为 "R, G, B" 格式。{ name: '蓝到红', start: '#3B7BFF', end: '#FF3B3B' },{ name: '绿到黄', start: '#00FF00', end: '#FFFF00' },{ name: '热力图', start: '#2A81FF', end: '#FF0000' },/* 颜色显示组合样式 *//* 下拉框选项高度调整 *//* 调整下拉框选项高度 */
2025-03-21 16:27:58
1081
原创 uniapp在地图上加载CAD图，标记区域网格，加载geojson数据
if (Array.isArray(newValue.jsonobj) && newValue.jsonobj.length > 0) { // 确保是数组并且不为空。// 如果需要，你可以在这里返回其他的Layer，例如CircleMarker等。// 如果不想显示任何标记，则返回空的Layer或特定类型的Layer。// // 可以为每个图层绑定弹出窗口等交互功能。// 遍历res.data.result数组中的每一个元素。this.$http.get("///////地址", {
2025-02-13 14:57:42
956
原创 记录一个简单小需求，大屏组件的收缩与打开，无脑写法
1.在左侧子组件的父组件里面加图片盒子（这位置还要根据实际子盒子的数量，位置，包含关系等自己去斟酌哈）transform-origin:center;/*确保图片从中心旋转*/transform-origin:center;/*确保图片从中心旋转*/4.写上style（这里面宽高定位上下左右什么的，自己根据实际情况调整）5.最后让你的组件用上v-show。
2025-01-20 14:12:30
920
原创 记录一个移动端表格布局，就是一行标题，下面一列是对应的数据，一条一条的数据，还有点击数据进入详情的图标，还可以给一列加input输入框，还可以一对多
观测值</view> --><view class="header-cell header-cell-narrow">本次变化量(mm)</view><view class="header-cell header-cell-narrow">速率(mm/天)</view><view class="header-cell header-cell-narrow">测点
2025-01-10 17:09:29
682
原创 后端接口获取的对象包含图片，渲染后端图片，拼接地址渲染，循环列表，vue+uniapp
这样@不用动就可以找到了configService了，不然还得去../../显得很没水平，不清楚具体是因为没用configService就找不到还是因为是程序卡还是啥原因没找到，还是不要直接用了，赋值给个this值再用，没有后患。如果是加背景就是:style="[{backgroundImage:'url('+item.img+')'}]"的好说，直接item.img就行， <image :src="item.icon" ></image>@引入能用，但是偶尔一个文件@就是找不到，找不到。
2025-01-10 16:52:22
585
原创 echarts图折线图的一些修改，改变分割线颜色或者虚实，改变数据轴背景颜色渐变，改变折线图的圆点，折线图的平滑还是折直线
color: 'rgba(128, 128, 128, 0.5)', // 灰色并且半透明 (R,G,B,透明度)type: 'dashed', // 设置为虚线。width: 1 // 如果需要，可以指定线宽。symbol: "circle",//圆点还是什么形状。showSymbol: false,//是否显示圆点。symbolSize: 5,//大小。smooth: true,//是否平滑。
2025-01-07 17:50:09
1425
原创 uniapp+vue开发app，蓝牙连接，蓝牙接收文件保存到手机特定文件夹，从手机特定目录（可自定义），读取文件内容，这篇首先说如何读取，手机目录如何寻找
首先说一下研究思路，时间紧急不看的直接拿取粉色代码部分即可1.首先要解决第一个问题就是手机目录是什么，文件路径如何写，参考了一篇文章中的这一句话标蓝//Android平台本地绝对路径为"storage/emulated/0",就是用户文件管理器能看到的了;所以尝试了以下方法// })// })发现，不行，后得知， 这种方式手机版本10+就不行了。
2024-12-23 13:54:10
1143
原创 vue写后台管理系统，有个需求将所有的$message消息提示换成确认框来增强消息提示效果，遇到嵌套过多的情况，出现某些问题
报错的那种场景是，有一个确认框了，比如删除，确定删除吗？这是一个确认框，当删除成功以后显示删除成功又是一个确认框来提示消息，嵌套层级过高，content: h => <div style="color:red;">请选择一条记录！的上下文正确，可以使用箭头函数来定义回调函数，这样可以保留外部。title: '消息提示',title: '消息提示',的上下文没有正确绑定到 Vue 实例上。简单小问题，开发随记%%%%%%%%%%%%这样就ok，其他几种提示情况呢，比如。渲染消息的情况，变量这么渲染。
2024-11-12 10:21:56
497
原创 uniapp写移动端，适配苹果手机底部导航栏，ios安全区问题,苹果手机遮挡底部信息，uview的u-action-sheet组件
手机上有很多组件，需要手机底部弹窗来做选择,picker选择器，select列选择器呀这些，在苹果手机上会被底部nav遮住。采用了好几种配置的方式，多多少少都不太行，还是采用css来做吧，但是css来写想让它生效，可不是简单写写就行。3.模版当中加样式，因为我需要判断苹果手机才加样式，安卓不加，所以样式加了判断条件，大家看实际需求。组件中用人家封装的组件是这么用的，里面包括好几层，怎么拿到组件里面的样式设置。5.方法中去判断平台，加样式，这些都不详细说了。加上这个就完美解决了！
2024-10-25 13:28:34
1066
原创 uniapp+vue+uview做h5小程序，实现预览与下载pdf,这一篇主讲下载，预览看上一篇
那么从微信跳转到手机浏览器下载，文件的链接会出错，找不到文件，blob毕竟是临时的而且换了地方，别人也不懂，识别不出来，之前理解的是这个思路哈。4. window.open('你自己的路径，这个路径是后端文件的地址也就是部署到浏览器上的，浏览器直接输入能看到的' + path);预览完成之后，测试自带的下载去看，如果直接浏览器上运行和下载都没问题，但是大家习惯是从微信扫码运行操作，这样方便。安卓手机的浏览器可以，微信跳浏览器不行，那么就先针对--安卓手机--微信操作--浏览器下载这一种情况来想办法。
2024-10-25 09:27:28
722
原创 uniapp+vue+uview做h5小程序，实现预览与下载pdf，接收文件流，处理文件流（整体过程心得，包括各种坑）
使用的是pdfjs,刚开始大家一定会想到一个方法，window.open但是你需要考虑用户看h5,不管是扫码还是链接，都习惯用weixin打开，还要考虑用户的手机，苹果与安卓，暂时先考虑这两种哈，两种浏览器内核以及weixin浏览器内核都是不同的，处理链接与数据会导致很多问题，用open预览pdf，在微信打开文件，直接就默认下载了。viewerUrl: '/static/pdftwo/web/viewer.html', //刚解压的文件地址，用来渲染PDF的html。// 完整的请求 URL。
2024-10-24 14:51:16
2359
原创 vue写个表格，让它滚动起来，没有用datav，有的时候结合会出错，一种简单的方法，直接用animation
vue写个表格，让它滚动起来，没有用datav，有的时候结合会出错，一种简单的方法，直接用animation
2024-10-24 14:12:51
1055
2
原创 uniapp,vue写一个盒子渲染内容，内容太长，想着超出一行换行处理，超出两行就省略后面的内容
做移动端页面，也就是想着两行的换行显示，超过三行就............尝试了一下效果还不错，css部分如下。
2024-10-12 16:01:48
339
1
原创 HBuilder X编辑器中光标变成了下横线怎么解决
手快了编辑器中总是会出现鼠标光标变成下划线的情况，点按键还会清除我本来字母，很麻烦。点一下insert按键就可以解决了，笔记本按键是在小键盘顶部位置。
2024-09-25 18:21:34
1220
原创 使用leafletjs做地图，会遇到一种leafletjs中获取定位坐标，但是不能写接口要在本来js里面写接口，那就需要将leafletjs中的数据拿到另一个js中去使用
前面写地图的文章中写过如何将我们js中的数据传输到leafletjs中，renderjs中，毕竟两个js区域的传递，renderjs还很任性，好多平时的方法都不能用，咱们用的视图绑定属性，并且绑定监听事件的方法。这一行从哪里来，说实话我目前也不清楚是否跟这个监听有这必然联系，不过我猜是的。参数就是我们需要从地图js中获取的数据想使用的数据，别管是定位啊，还是什么。传过来之后在我们正常的methods里面就可以正常接口那一堆的了。3.去我们原本的，正常的js中写函数就可以啦。2.拿到定位数据，想传输的数据。
2024-09-25 17:18:26
398
原创 目前有没有小伙伴在做，uniapp+vue开发安卓app，遇到定时器开发完成之后手机上不计时的问题
如果目前也有用uniapp+vue开发安卓app的伙伴，也可以联系，多交流，毕竟这里面好多坑。怎么解决，浏览器上都运行好了，到了手机上不行，难道也要用leaflet吗，大神们。
2024-09-14 09:11:03
461
原创 uniapp关于页面跳转
它用于关闭所有页面并打开指定页面。这对于某些场景非常有用，比如当你要让用户从当前位置直接返回到应用的首页或其他指定页面时。navigateto进行跳转会出现，确实跳转到了制定页面，在制定页面点击返回按钮，又回到了刚才的页面，显然是不合理的。测试了，只有一个页面了，最好是返回首页。
2024-09-06 10:10:13
668
原创 uniapp做app,手机上拍摄视频上传因为是竖屏居多，默认显示的情况下是不铺满整个宽度的，是在区域内完整显示，如果想让铺满整个区域，不点开看的时候好看一些，加一行样式
style中加一行样式，让视频占满整个video。
2024-09-03 17:50:56
330
原创 vue+uniapp实现一个计时器，要实现点击开始，开始计时，点击停止才停止，保持刷新，返回重新进入依旧计时并且保持连贯
但是出现的问题就是，计时器与elapsedSeconds都在持续更新，视图不更新，计时器视图不计数，想到之前的解决办法，数据变但是视图不更新，是vue的底层原理问题，拿出解决办法， // this.$forceUpdate();///////////开发过程心历路程，可跳过，也可以看看，如果跟我第一次思路一样，劝放弃，如果你找到了好的解决办法，也请告知，程序员总是对bug耿耿于怀~~~//////////////////////////////////////////6.方法中写开始和结束函数。
2024-09-03 16:30:36
2086
1
原创 写一个uniapp开发app，使用地图，使用echarts用renderjs问题，写一个uniapp上传图片上传视频的问题，先记录着，明天写
记事本。
2024-08-29 17:47:33
235
原创 uniapp上传视频，直接在模版中写video可能会出现手机测试长一点视频就上传不了，并且因为video这类标签的特殊性，层级问题，出现uniapp，app，video元素错位问题，解决办法
firection=0//注意这个属性，非常好用，因为开发app是手机端，所以需要在点击视频放大查看的时候竖屏展示，体验感比较好，横屏展示去改属性值就行，具体可查看管网。再去写videohtml的样式就可以了，样式没有太大参考价值，在这里就不放了。在计算属性中来写video元素。
2024-08-29 17:44:57
272
原创 uniapp开发app，长页面会上下滚动，会出现滚动条问题影响美观，解决手机apk页面滚动条问题
"scrollIndicator": "none", //全局 在APP页面都不显示滚动条。在pagejson文件中进行全局配置，当然也可以在单个page下面的style对象中单独配置。
2024-08-29 17:38:29
633
1
原创 uniapp开发app，手机上apk展示会有上下左右滑动问题，抖动影响体验感解决办法
在pagejson文件中进行全局配置，当然也可以在单个page下面的style对象中单独配置。//解决页面拉动问题。
2024-08-29 17:36:21
533
原创 ERROR Error: CSS minification error: Cannot read properties of undefined (reading ‘trim‘). File: c
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。vue2项目运行没问题，打包过程中遇到了这个问题。问题根源所在就是：：v-deep使用，
2024-08-15 16:51:17
825
原创 - Building for production... ERROR TypeError: Class extends value undefined is not a constructor o
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。使用jeecgboot低代码平台运行没有错误，打包出错。打包过程中又出现了另一个错误。最后更新了一下这个就可以了。
2024-08-15 16:49:01
736
1
原创 vue结合echarts的折线图柱状图的网格线问题，有时候颜色太深，调节网格线颜色
color: "rgba(130, 198, 255, 0.1)", // 使用RGBA格式，设置透明度为0.5（半透明）type: "dashed", // 将实线改为虚线，可选 "dashed" 或 "dotted"color: '#70bfbc', // 字体颜色。axisLabel: { // 坐标轴刻度标签配置。在option中， yAxis里面设置splitline的样式。
2024-07-31 13:46:10
639
原创 ant design vue的级联选择器cascader的悬浮层样式怎么修改，想让有几条数据高度就是多少，自适应，而不是一直180
后来尝试出来是因为加了scoped，样式不起作用，但是不能直接去掉scoped，别的样式会受到影响，单独加一个style标签，只处理cascader内容。平时想要修改组件内定样式会使用穿透deep和！important调优先级，但是在这里都不行，样式都不能改变。自适应一下，就可以有几条数据就显示多高了，设置其他样式在style里面写就可以了。
2024-07-15 14:53:57
608
1
原创 vue点击数据条，相应的折线图数据改变
/设置一个数据列表，为[[],[],[],[]]形式，根据index获取到数据传给data。//点击函数传入index。更新option,实现数据变更。
2024-06-26 15:48:46
306
原创 vue中切换组件，想要让与其不相关的组件中内容改变，使用事件总线（首页导航栏v-if切换组件，有一个功能按钮的组件，想要在切换后关闭组件，想使用的时候再打开，切换页面关闭，vue2+eventbus）
/ 监听事件总线上的 'page-switch' 事件。//以下为导航栏按钮点击切换逻辑..............3.在组件切换控制的组件中，我这里是导航栏的切换按钮。//里面是我v-show的关闭逻辑，这个自己去改。1.首先在入口文件中配置事件总线。2.之后在想控制开关的组件中设置。//这是我导航栏切换的方法。//事件总线名字任意。//使用事件总线方法。
2024-06-26 14:08:00
195
原创 @，项目别名的配置,方便引入
平常引入不是用../ 有时候会有很多../../很繁琐 ,设置别名我们只需要用@来引入就行 比较简便。在vite.config.ts文件中写入。在tsconfig.json 文件中配置。
2024-01-06 09:37:19
482
1
原创 vue3+vite项目中如何实现中国地图的展示，有划线，可放大缩小
2.map.vue文件中去写地图代码。4.地图组件中代码如下。3.当然可以封装成组件。
2023-11-28 15:31:30
948
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人