随笔分类 -  uniapp

学习uniapp知识,掌握更好的一门技术
摘要:uniapp 获取手机联系人uni.addPhoneContact(OBJECT) 调用后,用户可以选择将该表单以“新增联系人”或“添加到已有联系人”的方式(APP端目前没有选择步骤,将直接写入),写入手机系统通讯录,完成手机通讯录联系人和联系方式的增加。 App平台提供了更多通讯录相关API,包括读取联系人,详见:https 阅读全文
posted @ 2022-09-01 08:52 蓦然JL 阅读(1861) 评论(0) 推荐(0)
摘要:uniapp 监听用户主动截屏事件一、uni.onUserCaptureScreen(CALLBACK) 监听用户主动截屏事件,用户使用系统截屏按键截屏时触发此事件。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 字节跳动小程序、飞书小程序 QQ小程序 快手小程序 京东小程序 x x √ √ √ √ √ √ √ 阅读全文
posted @ 2022-09-01 08:52 蓦然JL 阅读(2329) 评论(0) 推荐(0)
摘要:uniapp 获取图片信息及图片保存、压缩一、uni.getImageInfo(OBJECT) 获取图片信息。 小程序下获取网络图片信息需先配置download域名白名单才能生效。 OBJECT 参数说明 参数名 类型 必填 说明 src String 是 图片的路径,可以是相对路径,临时文件路径,存储文件路径,网络图片路径 success 阅读全文
posted @ 2022-08-17 14:46 蓦然JL 阅读(7126) 评论(0) 推荐(0)
摘要:uniapp 从本地相册选择图片或使用相机拍照及预览图片一、uni.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。 App端如需要更丰富的相机拍照API(如直接调用前置摄像头),参考plus.camera(opens new window) OBJECT 参数说明 参数名 类型 必填 说明 平台差异说明 count Numbe 阅读全文
posted @ 2022-08-17 14:43 蓦然JL 阅读(8517) 评论(0) 推荐(0)
摘要:uniapp 分享设置与调用在不同平台,分享的调用方式和逻辑有较大差异。 App:可以自主控制分享内容、分享形式及分享平台 使用 uni.share API方式调用社交sdk分享 使用plus.share.sendWithSystem (opens new window)呼起手机os的系统分享菜单 小程序:不支持API调用,只 阅读全文
posted @ 2022-08-17 14:31 蓦然JL 阅读(7473) 评论(0) 推荐(0)
摘要:uniapp 获取系统信息uni-app提供了异步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2个API获取系统信息。 系统信息返回的内容非常多,各操作系统、各家小程序、各浏览器对它们的定义也不相同。uni-app里重新梳理了这些概念,同时为了向下兼容也保留了这些平台原来的概念 阅读全文
posted @ 2022-08-17 14:15 蓦然JL 阅读(1661) 评论(0) 推荐(0)
摘要:uniapp 获取窗口信息uni.getWindowInfo() 获取窗口信息 返回参数说明 参数名 类型 说明 平台差异说明 pixelRatio number 设备像素比 screenWidth number 屏幕宽度 screenHeight number 屏幕高度 windowWidth number 可使用窗口宽度 阅读全文
posted @ 2022-08-17 14:01 蓦然JL 阅读(1057) 评论(0) 推荐(0)
摘要:uniapp 窗口动画(仅APP支持,小程序不支持)本API仅App支持。小程序自身不支持自定义动画。H5的窗体动画可使用常规单页动画处理方案,见H5下单页动画示例(opens new window) 窗口的显示/关闭动画效果,支持在 API、组件、pages.json 中配置,优先级为:API = 组件 > pages.json。 一、API 有效 阅读全文
posted @ 2022-08-17 12:00 蓦然JL 阅读(2056) 评论(0) 推荐(0)
摘要:uniapp 在当前页面显示/隐藏导航条加载动画一、uni.showNavigationBarLoading(OBJECT) 在当前页面显示导航条加载动画。 App平台调用此API时会在屏幕中间悬浮显示loading OBJECT参数说明 参数 类型 必填 说明 success Function 否 接口调用成功的回调函数 fail Functi 阅读全文
posted @ 2022-08-17 11:48 蓦然JL 阅读(1835) 评论(0) 推荐(0)
摘要:uniapp 动态设置当前页面的标题uni.setNavigationBarTitle(OBJECT) 动态设置当前页面的标题。 OBJECT参数说明 参数 类型 必填 说明 title String 是 页面标题 success Function 否 接口调用成功的回调函数 fail Function 否 接口调用失败的回调函数 c 阅读全文
posted @ 2022-08-17 11:39 蓦然JL 阅读(1771) 评论(0) 推荐(0)
摘要:uniapp 下拉刷新下拉刷新 一、全局设置在pages.json文件的globalStyle对象中开启enablePullDownRefresh属性 二、单页面在pages.json文件中的pages数组中找到对应的页面,在对应页面的style属性中开启enablePullDownRefresh属性 下拉刷新设置为tr 阅读全文
posted @ 2022-08-10 16:13 蓦然JL 阅读(3520) 评论(0) 推荐(0)
摘要:uniapp 动态改变胶囊颜色uni.setNavigationBarColor(OBJECT) 设置页面导航条颜色。如果需要进入页面就设置颜色,请延迟执行,防止被框架内设置颜色逻辑覆盖 一、 OBJECT参数说明 参数 类型 必填 说明 平台差异说明 frontColor String 是 前景颜色值,包括按钮、标题、状态栏的 阅读全文
posted @ 2022-08-05 14:30 蓦然JL 阅读(2323) 评论(0) 推荐(0)
摘要:uniapp 设置及获取系统剪贴板内容一、uni.setClipboardData(OBJECT) 设置系统剪贴板的内容。 OBJECT 参数说明 参数名 类型 必填 说明 平台差异说明 data String 是 需要设置的内容 showToast Boolean 否 配置是否弹出提示,默认弹出提示 App (3.2.13+)、H5 阅读全文
posted @ 2022-08-03 17:30 蓦然JL 阅读(3489) 评论(0) 推荐(0)
摘要:uniapp 调起客户端扫码uni.scanCode(OBJECT) 调起客户端扫码界面,扫码成功后返回对应的结果。 OBJECT 参数说明 参数名 类型 必填 说明 平台差异说明 onlyFromCamera Boolean 否 是否只能从相机扫码,不允许从相册选择图片 字节跳动小程序、百度小程序、支付宝小程序不支持此参数 阅读全文
posted @ 2022-08-03 17:27 蓦然JL 阅读(1654) 评论(0) 推荐(0)
摘要:uniapp 使手机发生振动一、uni.vibrate(OBJECT) 使手机发生振动。 OBJECT 参数说明 参数名 类型 必填 说明 success Function 否 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数(调用成功、 阅读全文
posted @ 2022-08-03 17:21 蓦然JL 阅读(2412) 评论(0) 推荐(0)
摘要:uniapp 设置及获取屏幕亮度1、uni.setScreenBrightness(OBJECT) 设置屏幕亮度 OBJECT 参数说明 参数名 类型 必填 说明 value Number 是 屏幕亮度值,范围 0~1,0 最暗,1 最亮 success Function 否 接口调用成功的回调 fail Function 否 接 阅读全文
posted @ 2022-08-03 17:14 蓦然JL 阅读(1340) 评论(0) 推荐(0)
摘要:uniapp 动态修改 css 样式使用 uniapp 写微信小程序端项目,css 使用 var 注入变量,达到设置动态样式的需求 声明 css 变量时,变量名前面要加两根连词线(--); 变量使用 kebab-case 命名方式,即 --header-color 而不是 --headerColor; 变量名大小写敏感,--heade 阅读全文
posted @ 2022-07-21 14:51 蓦然JL 阅读(3979) 评论(5) 推荐(2)
摘要:uniapp 各API说明API 列表 基础 日志打印 API 说明 日志打印 向控制台打印日志信息 定时器 在定时到期以后执行注册的回调函数 uni.base64ToArrayBuffer 将 Base64 字符串转成 ArrayBuffer 对象 uni.arrayBufferToBase64 将 ArrayBuffer 阅读全文
posted @ 2022-07-12 17:11 蓦然JL 阅读(1174) 评论(0) 推荐(1)
摘要:uniapp 各方法指令使用说明全局配置 Vue 全局配置 描述 H5 App端 微信小程序 说明 Vue.config.silent 取消 Vue 所有的日志与警告 详情(opens new window) √ √ √ Vue.config.optionMergeStrategies 自定义合并策略的选项 详情(opens ne 阅读全文
posted @ 2022-07-12 17:02 蓦然JL 阅读(1372) 评论(0) 推荐(0)
摘要:scroll-view组件属性设置不生效解决办法当重复设置某些属性为相同的值时,不会同步到view层。 例如:每次将scroll-view组件的scroll-top属性值设置为0,只有第一次能顺利返回顶部。 这和props的单向数据流特性有关,组件内部scroll-top的实际值改动后,其绑定的属性并不会一同变化。 解决办法有两种(以scroll 阅读全文
posted @ 2022-07-12 16:44 蓦然JL 阅读(1487) 评论(0) 推荐(0)

访问主页
关注我
关注微博
私信我
返回顶部