自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 VSCode必备插件,创建运行JS、Html

这里介绍如何用vscode来创建一下.js文件和.html文件,然后正确的运行他们。

2024-04-02 00:44:46 1452

原创 小程序的编译上传

小程序如果是hbuilderx开发的,当开发完成后运行到小程序模拟器里面的微信开发者工具,或者(发行里面的小程序微信(仅适用于uniapp)),然后打开微信开发者工具的 项目→里面的导入项目 (如果当时在hbuilderx里面是运行的话,就选择项目的unpackage→release→dev),当项目在hbuilderx里面运行出来后,点击右边的上传,并输入版本号和项目备注,然后,点上传,当上传成功后,在微信开发平台提交审核,让开发者扫码登录微信开发平台,版本里面有个提交审核。

2024-03-28 13:49:14 662

原创 uniapp,页面当有按钮的时候,可以做一个动态的效果

在组件的。

2024-01-27 17:33:54 1206

原创 uniapp中打包Andiord app,在真机调试时地图以及定位功能可以正常使用,打包成app后失效问题(高德地图)

的andirod平台的key时让你填入的SHA1和包名是个什么东西。(我的问题就是出现在了这里,我以为两个项目的高德地图的key值可以一样,根本就不可能一样,因为两个项目的包名都不一样,所以在我重新又申请了key值之后问题就解决啦)配置里面的高德地图的key值都是一样的,两个项目在真机调试的时候H5端和APP端都可以正常定位,但是,再打包成apk的时候,其中一个项目的app定位会失效。目前两个项目,一个项目是从另一个项目里面分割出来的一整套完整的系统,两个项目。就是申请高德地图要填入的SHA!

2024-01-23 12:01:19 1347

原创 video层级过高的问题解决

这个是uniapp的app项目,在h5页面的时候,这个红包是在视频播放的上面,当点击视频播放的时候,下面的购物车的图标也会显示到视频上面,这个效果,在h5页面是没有问题的,但是在手机端真机调试的发现,不管播不播放视频,红包的图标和购物车的图标都是不显示在,播放上面的。直接在 是去 插件市场安装这个 插件 然后替换你的video插件即可 传入视频的url地址即可。看看这个 video 的层级是最高的。

2024-01-23 10:39:51 1700

原创 uniapp门店收银,点击右边商品,商品会进入左边的购物车,并且,当扫码枪扫描商品条形码,商品也会累计进入购物车

【代码】uniapp门店收银,点击右边商品,商品会进入左边的购物车,并且,当扫码枪扫描商品条形码,商品也会累计进入购物车。

2023-12-29 15:49:33 1509 4

原创 uniapp实现左滑删除的效果

参考的上面的博客。

2023-12-29 11:53:13 1312

原创 uniapp 多端保存图片的逻辑(app端,普通浏览器端,微信内置浏览器端)

问题描述:移动端保存图片时,直接保存仅能保存当前屏幕大小的图片;需求需要保存指定区域的内容。与uniapp的renderjs解决。

2023-12-28 12:11:38 25184

原创 扫码枪对接的会员登陆的逻辑

既然您已经发现了扫码枪的这种行为规律,即每个大写字母在被转换为小写之前都会被一个"Shift"字符标记,您可以利用这个规律来还原原始的大写字母。当这个方法应用于一个字符串时,它会返回一个新的字符串,其中原字符串中的所有小写字符都被转换成了相应的大写字符。方法将所有的 "Shift=" 替换为 "+",然后再处理其他通过 "Shift" 标记转换为小写的大写字母。总之,解决这个问题的关键在于找出导致结果差异的原因,无论是扫码枪的设置、软件/应用的处理方式,还是需要在代码层面进行处理。

2023-12-27 17:54:43 1034

原创 uniapp监听扫码枪键盘事件|无输入框式监听

这篇文章,是纯借鉴下面这一篇文章的,感觉下面这一篇文章写的非常好一般的扫码枪通过USB或蓝牙连接手机或电脑,充当的是一个外接设备。当扫码后,扫码枪会自动识别内容,然后向连接的电脑或手机发送keydown或keyup。

2023-12-27 16:45:06 3173 3

原创 vue后台管理 地址配送的逻辑 (省,市,区,街道)的单选和多选的具体的逻辑

【代码】vue后台管理 地址配送的逻辑 (省,市,区,街道)的单选和多选的具体的逻辑。

2023-12-27 16:25:23 964

原创 uniapp二维码有效期倒计时三分钟的效果是实现

UserQRCode: 用于存储会员二维码的数据。这里可能是一个 Base64 编码的字符串,用于在页面上显示二维码图片。countdown: 表示倒计时的剩余时间,以秒为单位。在这个例子中,它初始设置为 180 秒。: 用于存储计时器(返回的标识符)。这个计时器用来每秒更新倒计时的剩余时间。onCode: 当用户点击某个按钮或触发某个事件时调用此方法。它首先从后端获取二维码数据并更新UserQRCode,然后打开一个弹窗(uni-popup),并且启动倒计时。: 此方法设置一个计时器,每秒减少。

2023-12-27 14:06:21 918 1

原创 uniapp根据后端返回的二维码的图片不同的两种形式渲染的两种不同的逻辑

记住,当使用Base64编码的图片时,图片的数据会直接嵌入到HTML中,这可能会使页面的大小变大,影响加载性能。对于小图片(如二维码),这通常不是问题,但对于大图片,最好还是通过URL来引用。从提供的数据来看,后端返回的是一个二维码的Base64编码字符串。在HTML中,您可以直接使用这个Base64字符串作为图像源来渲染图片。是一个数据URI的前缀,它告诉浏览器接下来的字符串是一个Base64编码的PNG图片。属性中使用,无需任何额外的转换。标签将会渲染出您的二维码图片。是Vue的绑定语法,它会将。

2023-12-27 13:53:51 745

原创 uniapp添加会员的弹窗

刚开始用的v-model没成功用这个代码,发现问题一:第一个按钮默认不亮,问题二:点击第三个按钮没出现输入框。解决方法:不用v-model在您的代码中,使用了来实现的双向绑定,这通常是正确的用法。然而,如果您发现它在 uni-app 中不起作用,可能是因为 uni-app 的某些特定行为或限制。在 uni-app 中,某些原生 HTML 元素的行为可能与标准的 Vue.js 略有不同。如果标准的v-model绑定在上不起作用,您可以尝试手动实现双向绑定。

2023-12-22 23:32:54 147

原创 uniapp中列表无数据时,显示暂无数据

不应该在同一个元素上使用,因为这会降低性能并可能导致不可预测的渲染行为。为空(长度为 0),则显示“暂无数据”的信息。是否为空并显示“暂无数据”的信息。来处理这种情况,您可以在同一级别的元素上分别使用两个。,同时确保了只有一个条件被满足时才渲染相应的内容。要在 Vue 中显示“暂无数据”的信息,当。在您的代码中,您可以添加一个条件检查以判断。指令用于在满足某个条件时渲染元素,而。用于当这个条件不满足时渲染另一个元素。目前接口后端返回过来的数据是为空,为空数组时,您可以使用。这种方式下,您避免了使用。

2023-12-20 13:33:37 1223 1

原创 要在 Vue 模板中显示数字并保留两位小数

要在 Vue 模板中显示数字并保留两位小数,您可以使用 JavaScript 的。方法可以将数字转换为字符串并保留到指定的小数位数。,您可能需要添加一些额外的检查以避免运行时错误。会将这个数字格式化为保留两位小数的字符串。没有保留两位的代码和效果。被视为一个数字,然后。

2023-12-19 17:11:28 888 1

原创 vue2后台管理列表,给操作按钮加一个动态的颜色的类名

加一个动态的类名控制颜色。

2023-12-19 13:30:54 177 1

原创 vue2后台管理门店列表的,门店的开启与关闭

描述:当我点击开启门店,门店变为关闭,(这时候的门店的状态是开启)。当我点击关闭门店的,门店变为开启,(这时候的门店状态时关闭)

2023-12-19 13:14:20 145 1

原创 vue2后台管理列表栏超出部分为省略号

在 .el-table-column[label="操作"] 上应用了 show-overflow-tooltip 属性,当列内容超出可视区域时,它会被裁剪并显示为省略号(...)。用户可以通过悬停在省略号上来查看被截断的内容,通常是以工具提示(tooltip)的形式展示。要是,不想要省略号就把省略号删掉。

2023-12-19 12:43:45 250 1

原创 把uniapp打包成exe出现的页面样式的混乱的问题

在桌面应用里,因为未知的原因uniapp计算出来的字体大小比在你的浏览器里大一倍。注意:之后设计的时候把高度建议稍微小一点,给标题和菜单栏留一些空间。接下来你需要查的就是,uniapp是基于什么来计算这个尺寸的。在代码中,这个查询字体是设置的什么大小?

2023-12-19 10:25:06 375 1

原创 uniapp自定义封装的弹窗组件

props: {message: {

2023-12-15 11:12:24 488 2

原创 uniapp多端支付,里面的H5调起支付宝支付,分为微信内置浏览器和普通浏览器

补充:这里的支付宝支付还给后端传了字段,让后端判断一下,如果是app调起的支付,让后端返回url地址,如果是H5调起的支付,让后端返回from表单。涉及到的知识点:涉及到很多东西,登录鉴权,调用支付拼接参数,还有支付完成的回调,以及支付参数的编码转换等等。引导页面的效果图:(安卓内置浏览器和苹果内置浏览器不一样的图标,做的有判断)中间出现的插曲:(附加明白的知识点)解决方法:引导页加这个方法链接。order.vue订单页面的代码。

2023-12-14 18:04:27 1623 1

原创 uniapp导航栏固定和区域滚动的问题

这里涉及到的知识点:区域设置高度 并且允许滚动。设置高度啊 你想在区域多少高度内显示就设置多少高度 然后设置一个允许滚动属性。overflow: hidden是隐藏溢出。禁止滚动还有好几种实现的方式:js 定位 css touch-action: none。

2023-12-14 15:40:24 794 1

原创 uniapp调取后台接口,当data为null时,出现的报错和解决方法

我这里是做个记录,当后端不返回数据的时候,这里做一些判断不让他出现这种报错。正常的接口返回的状态,在原代码里面就不会出现这样的报错。,则尝试访问其属性会导致错误。接口返回状态:(也是导致报错的原因)要解决这个问题,您需要在尝试访问。出现错误的代码和报错图片。

2023-12-14 12:12:05 595 2

原创 uniapp布局,让两个盒子里面的文字一个居中一个靠左

这样修改后,"返回财务中心首页"将位于盒子的最左边,而"周转券"将保持在盒子的中间。这样它不会伸缩并保持其自然大小,靠近容器的左边。这会使得子元素分布在整个容器的两端和中间。这是为了在右边创建一个空间,保持平衡。这样它会填充剩余空间,并保持文本居中。元素作为第三个子元素,它有。在“返回财务中心首页”的。在这个修改中,我使用了。

2023-12-13 14:44:35 788 1

原创 把uniapp项目打包成exe

参考上面流程,主要是根据下面的这个插件的流程。

2023-12-09 14:52:54 340

原创 uniapp项目默认横屏启动

app.vue 的 onLaunch 进入手机时就会触发在里面写入如下方法就可实现横屏,

2023-12-09 14:38:46 396

原创 在uniapp里面iconfont-阿里巴巴矢量图标库

上面是官方的网站。

2023-12-09 12:08:21 152

原创 测试页面的弹窗的样式,uniapp

【代码】测试页面的弹窗的样式,uniapp。

2023-12-09 11:52:47 36

原创 当用户点击分类项时,会自动滚动分类栏,uniapp

当用户点击分类项时,会自动滚动分类栏。这可以引导用户了解到分类栏是可滚动的,并改善用户体验。

2023-12-09 11:47:58 158

原创 转换后端返回的时间,uniapp

【代码】转换后端返回的时间,uniapp。

2023-12-09 11:43:29 42

原创 手机号局部加密的功能,uniapp

2.整体页面的代码(里面的接口代码的逻辑是ajax,在别的地方另外封装的)

2023-12-09 11:30:55 258 1

原创 uniapp自定义的键盘输入

又重新加了个输入框的,加了一些逻辑。

2023-12-09 11:22:08 1388

原创 uniapp分页功能:实现自定义table表格选中及封装分页pagination组件

我在这个的基础上,修改了一些样式,写了自己的一个效果图。分页组件pagination.vue。分页组件pagination.vue。灵感来源于这一篇博主的文章。

2023-12-09 11:07:30 1385 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除