- 博客(72)
- 收藏
- 关注
RSS订阅原创 uniapp上滑加载
/ 加载状态（more/loading/noMore）// 滚动触底事件处理（带防抖）/* 保持原有样式不变 */// 减去顶部导航栏高度。// 计算滚动容器高度。// 失败时回退页码。
2025-03-22 18:24:20
349
原创 uniapp实现全局拖拽按钮
要先引入 “vue3-draggable-resizable”: “^1.6.5”1.创建DragComponent组件2.createDrag.js 将组件dom创建到app根组件下在App.vue中执行js
2025-03-19 14:16:27
981
原创 pwa的基本使用
1.vue项目打包后可能需要适当修改manifest.json中路径前缀，视情况而定。2. 图片大小一定要规范，src也可以使用线上地址。
2025-02-27 15:59:24
272
原创 uniapp引入cloudflare人机验证
使用cloudflare需要注册个账号，并添加网站域名。使用的网站域名要与添加的网站域名一致；.登录页面使用 id需要 唯一。
2025-02-05 09:34:20
606
原创 uniapp实现后端数据i18n国际化
我这里是通过后端接口先获取到一个多个数据的的json链接，通过链接再获取数据，拿到数据后通过遍历的方式设置i18n。
2025-01-04 16:28:10
489
原创 uniappp配置导航栏自定义按钮(解决首次加载图标失败问题)
4.最后最关键的一步将iconfont.css中的iconfont改为.uni-btn-icon（底下是修改后的）
2024-12-12 09:46:22
555
原创 uniapp蓝牙打印图片
前言这是个蓝牙打印图片的功能，业务是打印界面固定的demo范围通过html2canvas插件生成的图片base64，然后图片base64绘制到canvas中去后，获取canvas中的像素信息，然后对像素信息进行一个灰度值处理，灰度值处理后再进行黑白值的处理，然后再根据蓝牙机需要通过图片的宽高比例进行一个二维数组的生成等等，一番数据处理后，将数据转换为buffer格式 ，因为蓝牙一次只能发20字节所以采用递归方式发送。采用贴纸打印的话，需要使用黑标指令发送固定数据给蓝牙一次，打印机会蜂鸣，目的是打印内容完
2024-05-23 12:00:08
2163
6
原创 uniapp实现列表拖拽排序+滑动删除功能
此篇代码在原插件基础进行了bug修改与滑动功能的新增原插件地址 HM-dragSorts.vue组件使用HM-dragSorts.vue<template> <view class=""> <view class="HM-drag-sort" :style="{'height': ListHeight+'rpx','background-color': listBackgroundColor}"> <!-- 拖拽中显示的行 -->
2024-05-14 10:15:19
1934
14
原创 vue flv.js直播流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2022-07-02 17:54:56
826
原创 unicloud微信小程序的重要配置
1.首先在uniapp的manifest.json中微信小程序配置appid2.登录微信公众平台配置小程序服务器域名（我这里用的是阿里云开发的）3.将自己的云数据库表结构全部配置如图4.配置完立即重启uniapp小程序代码！！！...
2022-04-28 18:27:49
2110
原创 uniapp小程序自定义分享按钮
1.代码如下<button class="w100 h100 btn-collection inline-block" open-type="share">分享</button><script> export defafult{ onShareAppMessage(res) { return { title: '我是分享的标题', path: '/pages/index/index'
2022-04-26 17:34:44
2597
原创 Vue 内网穿透 invalid host header 问题
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: truedevServer: { disableHostCheck: true,}vue-cli版本3.0的情况下修改vue.config.js的配置module.exports = { devServer: { disableHostCheck: true }}以上配置报错的话采用下面配置 devServer: { histor
2022-04-21 11:09:37
1053
原创 vue使用videojs播放mu38
引入videojs// 安装依赖npm install vue-video-player --savenpm install videojs-contrib-hls --saveimport videojs from "video.js";import "videojs-contrib-hls"; //播放视频 getVideo(url, index) { var video = document.getElementById(`video${index}`);
2022-04-06 13:48:55
3027
原创 钉钉跳转vue网页(实现免登录)
.首先新建个文件夹下载调试工具（此工具其实是个vue项目）安装教程ps:教程第四步 直接进行下面操作 地址是你vue 启动地址（这个地址需要和你企业微应用首页地址一致）ding dev web --targetH5Url http://127.0.0.1:3000 2.你的项目引入 dingtalknpm install dingtalk-jsapi 首页逻辑流程如下<script>import * as dd from "dingtalk-jsapi";ex
2022-03-28 14:50:04
2908
3
uniapp实现扫码功能H5+APP+wx小程序
2023-03-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人