uniapp
关注
分享
扫一扫
文章平均质量分 63
nicepainkiller
念念不忘 必有回响
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
邀新链接url被微信屏蔽2
邀新链接url被微信屏蔽原创 2025-02-26 19:24:09 · 631 阅读 · 0 评论 -
邀新链接url被微信屏蔽
在 App 邀新的过程中。经常需要把 二维码 或者 url 链接分享到 微信中。但是呢微信 很容易就会屏蔽你的 url原创 2025-02-25 17:09:24 · 925 阅读 · 0 评论 -
uniapp 原生插件开发 UI
nvue 页面 加载原生控件原创 2024-09-11 11:03:10 · 1994 阅读 · 0 评论 -
商用客服系统
客服系统可以实现用户和公司的高效沟通，市面上成熟的商用客服系统。 按坐席分 单个坐席动辄几千块。业务也比较冗余（功能多），前段时间公司需要一个客服系统。决定纯手鲁一个：原创 2023-12-29 10:08:45 · 1351 阅读 · 0 评论 -
友盟统计 UMID
相同设置 不同用户ID登录，移动统计是以设备UMID为准的，同一个设备，不管是登录了多少个账号，统计的活跃用户，只会计算一次。同一台设备，卸载重新安装，只要设备信息不变，就不会算新的新增，分身软件，也是只会算为一次，因为设备信息是一致的。友盟基于设备（UMID）的活跃用户 其实就是真实测设备数量，在此基础上才能统计出 卸载流失 等等的数据。是以用户ID 作为依据，和设备无关，多少用户在使用 就算多少日活。活跃用户 每天用户启动应用的访问设备数，当日启动多次，活跃用户只计算一次，是去重数据。原创 2023-11-23 14:26:21 · 719 阅读 · 0 评论 -
微信公众号 H5页面 卡片 分享朋友圈和好友
微信公众号 H5页面 卡片 分享朋友圈和好友原创 2023-07-25 16:29:05 · 4831 阅读 · 2 评论 -
flutter Android 自定义输出路径 apk名称
Flutter是默认的名字 默认的路径，直接修改输出路径 会造成 打包可以，直接运行 会提示找不到 apk 文件；这里的解决思路是：打包完成后 拷贝目标路径的 APK 到自定义的路径，这样既可以正常打包 也能解决 直接运行 还能输出到自定义路径 修改 APK名称新建在和 build.gradle同级目录下新建核心代码：（有些我自己的变量用不着可以移除掉）编辑。原创 2023-06-27 11:41:59 · 2231 阅读 · 0 评论 -
uniapp 自定义发行 动态修改 manifest.json
添加自定义发行之后Hbuilder 编辑器会自动多出来按钮概述 | uni-app官网我这里的配置是这样：},"title": "品创收银台","env": {},},},"title": "品创收银台uat","env": {},},原创 2023-06-26 14:47:09 · 2507 阅读 · 2 评论 -
.ttf 字体剔除
ttf 字体剔除减小 ttf 体积原创 2022-11-16 16:19:48 · 2998 阅读 · 1 评论 -
uniapp uni-popup change
uniapp uni-popup change原创 2022-07-13 09:48:15 · 826 阅读 · 0 评论 -
canvas 画一条波浪线 进度条
波浪线 进度条原创 2022-07-11 14:24:39 · 1713 阅读 · 0 评论 -
雷达图canvas
手写雷达图原创 2022-06-20 15:03:27 · 748 阅读 · 0 评论 -
圆环进度条 两种实现方式
圆环进度条 两种实现方式原创 2022-06-17 14:53:52 · 14742 阅读 · 3 评论 -
overflow 监听是否滑动到底部
overflow 监听是否滑动到底部原创 2022-05-18 14:12:45 · 1861 阅读 · 1 评论 -
vue 自定义 文字背景
功能背景：有一个标题； 内容变化估计有20+种一般做法：切图也是团队中一部分的主张，切个几十个图也是可以的，但是呢 作为一名老司机，我想试试其他有 挑战的方式：并且以及上车：随着内容的 变化 长度变化；最麻烦的就是 凭借图形的过程！实际上这个背景图是被 分割了好几个块的，有点类似 小时候玩过的 七巧板( 看来小时候 七巧板 没白玩哈哈哈)；代码如下： 代码并未整理 大家撮合着看，看看思路就行<template> <view ...原创 2022-04-26 15:33:07 · 2554 阅读 · 0 评论 -
input 验证码 密码 输入框
前言：uniapp 在做需求的时候，经常会遇到；验证码输入框 或者 密码输框 自定义样式输入框 或者 格式化显示 银行卡 手机号码等等：这里总结了两种 常用的实现方式；从这两种实现方式 其实也能延伸出其他的显示 方式；先看样式： 自己实现 光标闪烁动画第一种：可以识别 获得焦点 失去焦点第一种实现的思路： 实际上就是，下层的真实 input 负责响应系统的输入，上面一层负责显示 应为输入框在手机端会 出现长按 学着 复制等等 输入框自带属...原创 2022-04-24 16:43:23 · 4488 阅读 · 0 评论 -
cmd 安装 apk
➥ 检查 adb, 如果不是下面 的页面说明；要么配置下 环境变量；要么在 adb.exe 文件夹中执行 adb ；➥ 直接跑命令adb install D:\MineGit\flutter_spawn\sdk\demo_2201.apk如果你电脑 有多个设备；则会报错：➥ 指定机器安装 apkadb devices然后 指定手机就可以了：adb -s JZU8PB9DQOG68D6D install D:\MineGit\flutter_spa...原创 2022-03-25 13:27:54 · 3398 阅读 · 0 评论 -
ios web input.onchange 不执行
今天做 文件上传处理的时候发现两个问题：input.onchange ios web 代码不执行有异常,其他端都是好的；检查代码发现以：参数 event ios web 拿不到文件相关属性：可改用下面方式获得 input.onchange = async(event) => { //以前文件：event 中获取 发现在 ios web 通过打印发现中 event 没有参数，ios拿不到文件相关属性 //const file= event.path[0].files[0] ..原创 2022-01-18 15:56:58 · 3245 阅读 · 5 评论 -
uniapp android 调用原生 文件管理
项目背景：uniapp 项目三段部署，项目中有一个 上传文件的功能，需要调用原生的 文件管理器，本来是用原生插件 但是最终拿不到，原生文件管理acticity 的 返回：onActivityResult(int requestCode, int resultCode, Intent intent)就是 上面这句话 不会调用：最后看到论坛上面写道：可以在 js 中访问文件管理器，并且接收到 返回：在 js 中设置：main.onActivityResultvar main = p...原创 2022-01-17 09:56:45 · 5114 阅读 · 30 评论 -
uniapp 复制到剪切板 四端适配
记得很早的时候实现过一次，只不过那次是 纯 vue 实现的 h5+，但是想用在 uniapp中 还是不行。有些地方不能用！不过在 App 中的方法还是可以使用的：Vue 复制内容到系统剪切板_唐僧的专栏-优快云博客_paste vueVue 复制内容到系统剪切板板在具体生产环境中，经常会遇到将内容复制到剪切板的 使用情况。由于我们项目是 h5+ 的项目。会打包成App;有时候在网页版中使用该功能是OK的，但是 发布成APP 在 IOS中功能就不好使了。在这里我们 将 复制到剪切板 功能 细分为 在W.原创 2022-01-21 15:29:09 · 2651 阅读 · 0 评论 -
uniapp 阿里云 oss 上传文件/图片
项目背景： uniapp 开发的 混合项目，包含 H5， ios， android 三段开发；大体流程：向自己的服务器 请求操作 阿里云OSS token 权限 将文件上传至 阿里云OSS ，这里有个小插曲 ，分了两只情况：等下在后面具体分析两种情况 1，使用 uniapp 的 uni.chooseImage 选择图片/或者拍照,拿到的文件2，是用 H5 input 方式拿到的 图片信息 将那上传成功的 文件信息 通知到 自己的服务器，uniapp 通过 ...原创 2022-01-17 09:36:02 · 2644 阅读 · 1 评论 -
css 模仿水的感觉
之前做个一个需求，水柱慢慢变满；体现进度条实现原理其实挺简单的：两个旋转的 带弧度的环球圆球的东西东西 遮掉 纯色的背景；并且慢慢向上移动index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...原创 2021-12-31 09:21:25 · 591 阅读 · 0 评论 -
uniapp nvue 软键盘
先介绍下我的页面：uniapp -> for -> app -> android四个tabbar中 有一个购物车 .vue开发的，购物车选取规格页面需要挡住 原生tabbar; 因此才用 subNVues来实现。在 subview 中有一个input; 这个input 在 软键盘顶起的时候； 有一定概率会破坏外部的页面；（顶起来之后 回不去了）这就有点尴尬了官方这么介绍这个问题的： 关于软键盘弹出的逻辑说明https://uniapp...原创 2021-11-05 10:01:26 · 1510 阅读 · 0 评论 -
uniapp App 更新提示（nativeObj）
一般 uniapp发布新的版本 要么更新apk，要么更新 wgt， 都需要一个 原生界面来显示（可以覆盖住 tabbar 和 导航栏）； 一般可以有两个部分记录本次是否已经 检查过更新了；（因为我们的更新是在 App-> onShow()中 检测防止多次打开） 检查版本部分是否需要更新；更新的是 安装包 还是 wgt；以及下完完成后的安装 显示更新提示 版本内容 以及 下载进度效果如下图checkVersion.jsimport updateView from...原创 2021-08-20 09:26:29 · 3525 阅读 · 12 评论 -
js 动态添加 dom 节点添加动画
项目背景：uniapp h5应用，为了提示用户下载，这里有个 提示下载的dom, 本想来想在 每个 tabbar 中添加（一共添加四个）；但是想 尝试换种玩法 如下： 效果如下：直接上代码：function showDownloadTisp() { console.log('--------------------------->showDownloadTisp') // #ifdef H5 const parent = document.querySelector(.原创 2021-08-17 17:10:04 · 3179 阅读 · 0 评论 -
uniapp tabBar 事件屏蔽 点击屏蔽
前言：使用过 Uniapp 的同学都知道 他的 tabBar 点击事件是没有办法 屏蔽的；然而我们再实际的项目中经常会又不想让他 跳转的需求；比如果 没有登录 tabBar 不让点击 触发事件等等；这里主要区分 H5 和 App；因为各自实现的方式不太一样； 原理大致相同；都是 遮罩的思路；如图： App & H5 （为了大家方便观察 我这边设置了颜色 和 样式）H5：是在 "uni-tabbar" 元素中动态创建一个 元素；遮住想要屏蔽的 tabBar ;这样就能 ...原创 2021-07-08 19:24:44 · 5687 阅读 · 5 评论 -
uniapp Native.js示例汇总
https://ask.dcloud.net.cn/article/114https://www.html5plus.org/doc/h5p.html原创 2021-07-06 15:43:02 · 1217 阅读 · 0 评论 -
uniapp 原生 读取/写入 Storage
uniapp 原生 读取/写入 Storage应用上下文： 不依赖 uniapp 读取 Storage 中的数据uni.setStorageSync('storage_key', 'hello');Android Studio -> View ->Device File ExplorerAndroid 环境中的代码：package com.example.unimpdemo;import android.content.Contex...原创 2021-04-26 16:03:07 · 1462 阅读 · 0 评论 -
uniapp 按钮 hover 动画 反应慢
先看下 我做的效果；有没有感觉 反应 很迅速！像一个活蹦乱跳的 年轻人刚开始的效果 感觉是个 老年人； 反应有点慢； 甚至 点击下一个按钮，上一个 还没有 亮起来hover-class 官方文档我的代码是这样的：<view class="class-border-v5" hover-class="class-border-v5-hover" hover-start-time=5 hover-stay-time=10> 哈哈我是一个小按钮</vi...原创 2021-04-22 15:30:20 · 2314 阅读 · 1 评论 -
uniapp 中使用不同字体
官方文档 uniapp 字体 展示效果 : uniapp 多种字体的显示H5网页 Android IOSuni.loadFontFace({ family: 'Bitstream Vera Serif Bold', source: 'url("https://sungd.github.io/Pacifico.ttf")', success() { console.log('success') }})（官方）注意:引入中文字体，体积过大时会发生错...原创 2021-04-19 13:34:59 · 20422 阅读 · 5 评论 -
braintree for android 支付
书接上回 uniapp|vue 中的 braintree 支付因为 braintree jssdk 在 uniapp for app 中无法使用； 在这里我们准备原生来解决问题：当时 按照官方 的文档接入 braintree sdk 的时候：使用 paypal 测试支付没问题，跳转网页； 但是使用 信用卡支付测试 的时候 在 ThreeDSecure 校验环境 会奔溃； 就是下面这句话 Caused by: java.lang.ClassNotFoundException:...原创 2021-04-16 09:58:28 · 1692 阅读 · 11 评论 -
uniapp|vue 中的 braintree 支付
参考文档： Braintree-国外支付对接（一） Braintree-国外支付对接（二）前面的两篇文章，有详细介绍了 Braintress 的账号创建；以及 SandBox 测试账号的 详细流程；我们这边项目刚好 要用到 Braintree 支付； 但是需要的是 自定义的 UI Customer UI； 项目主体 是 uniapp; (vue项目)这边的服务器 使用 .net core webapi 创建的 ； 下载地址这一步骤主要用...原创 2021-04-14 09:54:38 · 1053 阅读 · 0 评论 -
https Charles & Fiddler 抓包总结 Android & Ios
相信大家在实际 的生产过程中都会有用到抓包这样的操作；对于 http 的抓包没啥说的 网上一大堆；工具呢 HTTP 常用的 这里推荐 Charles 和 Fiddler； 至于安装 网上很多；这里着重说下 Https 的 抓包；其中 Android 和 IOS还不大一样；以 Charles 介绍 （Mac）： 下载地址 4.6.11. 第一步安装 根证书到 Mac系统 （并且设置证书 为 始终信任）2. 安装 证书到 IOS 设备 首先 设置 IOS 设......原创 2021-02-27 16:09:42 · 1415 阅读 · 0 评论 -
hbuilder IOS 在线打包 证书配置
ios 开发 导出证书 .p12 灰色无法导出:这是是要把 ISO 开发者证书 导出 .p12，到其他地方使用； 却发现无法导出。解决方法：右键显示简介然后 始终信任证书就可以导出：...原创 2020-11-20 13:49:58 · 2200 阅读 · 0 评论 -
android 9patch 的使用 (uniapp)
Android中.9图片的含义及制作教程:先看 这篇资料 https://www.jianshu.com/p/3fd048644e3f?tdsourcetag=s_pctim_aiomsg用到的软件 draw9png，应为是 java 的开发的，所以自备 jdk我们先观察下制作 完成之后 他的图片样式：实际上 它会在 图片四周 多出一个像素的 黑边；一共四条边按按照上面链接提到 的方法： 我们是 做不出来；只让 四周缩放，不影响 中间...原创 2020-11-11 16:09:37 · 722 阅读 · 0 评论 -
uniapp 离线开发者 打开 conson 日志 for android
生成自定义基座，需要在根节点下添加debug="true"和syncDebug="true"，官方文档原创 2020-11-02 10:11:29 · 1390 阅读 · 0 评论 -
134个银行ICO 缩写 以及对应 Json 文件 附带工程
134个银行ICO 缩写 以及对应 Json 文件 附带工程前段时间 APP 需要接一个 银行卡的 业务。要求输入银行卡 卡号 显示 银行名称 以及 银行ICO这就需要 有一套对应的素材了，百度了好久 要么又图片， 要么是有配置 没有能结合起来的；后来动手写了代码，给他们匹配上了；生成好的资源地址：...原创 2020-09-24 10:36:22 · 1296 阅读 · 0 评论 -
uniapp 内嵌 webview 的两种方式 nvue | vue 以及事件的监听 设置导航栏按钮样式
项目背景： uniapp 开发的混合应用（仅App），因为 考虑性能 所以，主页五个 首页面都是 nvue （ wxxe ）开发 ，前两天在接入 H5 游戏平台（闪电玩）的时候有个需求：监听一个事件 用于显示返回 当用户 进入 子游戏的时候， 左上角要显示 一个返回按钮； 当时遇到点问题，后来改用 vue 内嵌 webview;实现了功能，但是 vue 内嵌 webview 性能确实有点慢！ 对于以追求完美的我来说 NO， 后来还是用 nvue 内嵌 webvi...原创 2020-08-15 15:23:39 · 6176 阅读 · 2 评论 -
Uniapp 实现 与 外部 HTML 页面通信
Uniapp 实现 与 外部 HTML 页面通信上节知识在 uniapp 中 经常会 内嵌 html, 并且 有时候会还有 相互通信 的需求 ：这里 总结了 两种形式 APP 中 nvue 使用 web-view 实现html 通信； H5 中 vue 使用 iframe...原创 2020-02-24 17:59:30 · 17492 阅读 · 11 评论 -
uniapp vue 和 html 页面通信
uniapp vue 和 html 页面通信https://uniapp.dcloud.io/component/web-view这是 官网解释， 想必大家也遇到了吧. uniapp web-view 通过uni.postMessage({ data: { ...原创 2020-01-13 16:38:18 · 8890 阅读 · 8 评论