uni-app
明耀
我只是这世间闪过的一秒,在这一刹那之间,我明白了,,,,,,,,,,,,,,,
展开
-
VUE集成MQTT
VUE集成MQTT。原创 2023-02-17 11:21:04 · 299 阅读 · 0 评论 -
uniapp 插件开发
uniapp 插件开发原创 2022-06-08 21:06:27 · 1321 阅读 · 0 评论 -
uniapp关闭/开启/调节系统声音
uniapp调节音量转载 2022-06-08 19:28:14 · 2747 阅读 · 0 评论 -
uniapp 集成谷歌地图
test.nvue<template> <view> <web-view style="height: 800rpx;width: 100%;background-color: #f00;" :src="url"></web-view> </view></template><script> var wv; export default { data() { return { url: '.原创 2022-05-23 11:10:05 · 2218 阅读 · 1 评论 -
批量删除前后端操作
batchDeleteClick() { if (this.checkRows.length == 0) return; this.$confirm('此操作将永久删除选中记录, 是否继续?', '温馨提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { var borrowRecordIdList = [];原创 2022-05-12 19:38:21 · 446 阅读 · 0 评论 -
界面长截图 view截图 截屏
详细查看界面长截图 view截图 截屏注:图片需要转Base64如果项目没有npm的支持,首先 npm init -y引入html2Canvas的依赖,注意版本号为【1.0.0-rc.4】执行 npm install --save html2canvas@1.0.0-rc.4index.vue<template> <view> <longScreen ref="html2canvas" :domId="domId" @renderFinish="render原创 2022-05-11 11:52:05 · 358 阅读 · 0 评论 -
监听通知栏内容,获取通知栏消息,安卓原生SDK扩展
转载:监听通知栏内容,获取通知栏消息,安卓原生SDK扩展<template> <view> {{msg}} <view> <view v-for="(item, index) in list" :key="index"> <text>监听到内容:{{item.content}}</text><br><text>监听到标题原创 2022-05-05 19:05:19 · 1694 阅读 · 1 评论 -
uni-app 监听电话状态
对于uni-app的开发,很多地方都需要h5+接口去实现,对于需要切入原生方式开发的,因为对Android 原生开发不了解,所以就显得很无奈。因业务需求,需要监听电话状态,找了好久天才找到,特意来分享一下:let maintest = plus.android.runtimeMainActivity();let Contexttest = plus.android.importClass("android.content.Context");let telephonyManager = plus.an转载 2022-05-05 17:16:32 · 1164 阅读 · 4 评论 -
uniapp解决scroll-view滑动事件失效问题@scrolltolower
uniapp解决scroll-view滑动事件失效问题@scrolltolower1、首先scroller-view需要给定高度,这里的高度最好不要是width:num%这种类型的,很容易不生效。2、父容器最好也指定高度下面通过举例来说明<template> <view class="main"> <scroll-view class="scroll-content" scroll-y @scrolltolower="reachBottom">转载 2022-05-04 20:54:10 · 5001 阅读 · 1 评论 -
小程序中,iOS设备获取蓝牙设备的Mac地址
转载:小程序中,iOS设备获取蓝牙设备的Mac地址遇到的问题在使用蓝牙的过程中,我们需要获取蓝牙设备的Mac地址。在Android设备上,onBluetoothDeviceFound方法中,deviceId是蓝牙设备的Mac地址。而在 iOS设备上,deviceId则是蓝牙设备的uuid。我们想要在iOS设备上获取Mac地址,就需要自己想办法。解决的方法通过查阅一些相关资料,发现有些蓝牙设备有180A这个服务id,该服务id中的2A23特征值可以获取蓝牙设备的Mac地址。具体操作参考下面的代码:转载 2022-05-03 16:26:24 · 5441 阅读 · 0 评论 -
蓝牙开发之 IOS ANCS
转载:蓝牙开发之 IOS ANCS 目录 什么是 ANCSANCS 介绍(Introduction)ANCS 字节序和字节码(Endianness and String Encoding)依赖性(Dependencies)术语(Terminology) ANCS 理解A转载 2022-05-02 19:31:39 · 1257 阅读 · 1 评论 -
JS 监听变量值变化
import BLETool from '../../utils/ble-tool.js' Object.defineProperty(BLETool, 'conState', { set: value => { //更新值的时候会触发 } }); BLETool.conState = 2;ble-tool.jsexport default { conState: -1, //销毁 0:未连接 1:正在连接 2:已连接}...原创 2022-04-30 16:05:24 · 1680 阅读 · 0 评论 -
自定义可滑动的segmented 分段器
<template> <view class="team-pact"> <scroll-view class="segmented" :show-scrollbar="true" :scroll-x="true"> <view :style="{color:crtWorkshop==item?'#8A28A9':'#111111'}" class="segmented-item" @click="itemClick(item)" v-for="i原创 2022-03-25 11:52:40 · 498 阅读 · 0 评论 -
微信小程序获取用户openid等信息
uni.login({ success: res => { console.log(res) if (res.code) { //微信登录成功 已拿到code this.jsCode = res.code //保存获取到的code console.log(res.code); uni.request({ url: 'https://api.weixin.qq.com/sns/jscode2session原创 2022-03-20 16:52:47 · 1515 阅读 · 0 评论 -
uniapp 蓝牙封装
BLETool.jsimport VueFunc from "./vue-func.js"import Constant from './constant.js'export default { scanDeviceList: [], storageDeviceList: [], crtName: null, conState: -1, //销毁 0:未连接 1:正在连接 2:已连接 checkTimer: null, init() { this.openBluetoothAdap原创 2022-03-12 13:21:59 · 1157 阅读 · 0 评论 -
UNI-APP 使用sqlite数据库本地缓存数据处理
转载:UNI-APP 使用sqlite数据库本地缓存数据处理首要工作plus.sqlite要在手机或者模拟器上才能运行!在manifest.json里的App模块权限配置里勾选SQLite(数据库)!源码封装的 sqlite.jsmodule.exports = { dbName: 'chat', // 数据库名称 dbPath: '_doc/chat.db', // 数据库地址,推荐以下划线为开头 _doc/xxx.db // 判断数据库是否打开 isOpen(转载 2022-03-03 14:00:50 · 1756 阅读 · 2 评论 -
uniapp 除去tabBar可视化高度
<template> <view :style="{height:windowHeight+'px'}" class="motion"> <uni-segmented-control :values="itemList" styleType="text" /> <view class="map-view"> <map :latitude="37.0152" :longitude="122.52456" /> </view&原创 2022-01-14 13:41:57 · 1747 阅读 · 0 评论 -
微信扫一扫扫描二维码跳转到小程序指定页面
1微信公众平台-开发-开发设置-扫普通链接二维码打开小程序 2点击添加 3设置二维码规则,选择测试范围 4 保存后,可根据测试连接生成二维码,通过微信扫一扫功能进行测试跳转 5 在跳转页面的onLoad中获取二维码中的参数如下: onLoad: function (options) { const {q} = options; if (q) { let urlStr...转载 2021-12-13 17:05:11 · 7756 阅读 · 0 评论 -
iOS离线打包 Xcode打包时未添加***模块
转载:iOS离线打包 Xcode打包时未添加***模块 iOS Xcode 提示 HTML5+Runtime 打包时未添加****模块问题 亲测可用! 我以:未添加Geolocation模块为例举例用的版本:1:在SDK中打开==Feature-iOS.xls==文件,查看需转载 2021-09-28 15:01:42 · 1549 阅读 · 0 评论 -
小程序 url 有时候播放不出来的解决方案
<video :src="url" :enable-progress-gesture="false"></video> this.url = encodeURI(JSON.parse(this.item.url)[0]);切记:encodeURI转化原创 2021-09-28 14:56:44 · 601 阅读 · 0 评论 -
微信小程序编码转化(字符串转gbk编码字节)
库下载链接: import encode from '../utils/encoding.js' var code = new encode.TextEncoder( 'gbk', { NONSTANDARD_allowLegacyEncoding: true }).encode("啊") console.log(code)原创 2021-09-11 09:22:09 · 2741 阅读 · 1 评论 -
Echarts中使用Draw Polygon on Map地图等(史上最详细)
项目需要接入这样的图 1.引入echarts等,就不用多说了. 2.copy代码 3.我们会发现浏览器报错, ⑴第一种错误 [Vue warn]: Error in nextTick: "TypeError: api.coord is not a function"1 在ec...转载 2021-09-07 17:43:13 · 652 阅读 · 0 评论 -
uniapp 混合开发 js调用oc代码和oc调用js
js调用oc类方法//LoginViewController是oc类 txt是要传的参数 plus.ios.importClass("LoginViewController").login("txt“);js调用oc对象方法//objectToJsonImage是oc对象方法 massageArray返回值 var Massage = plus.ios.importClass("LoginViewController"); var massage = new Massage();原创 2021-09-06 17:16:23 · 853 阅读 · 0 评论 -
Uniapp离线打包插件(极光插件,别人写的)
1、首先插件的jar 、aar放到Android lib下2、把插件package.json的plugins部分内容拷贝到Android的dcloud_uniplugins.json下面{ "nativePlugins": [ { "plugins": [ { "type": "module", "name": "JY-JPushThird", "class": "com.jiyi.jy_jpus原创 2021-09-06 11:54:59 · 593 阅读 · 0 评论 -
uniapp安卓离线打包配置官方插件、原生插件
转载:uniapp安卓离线打包配置官方插件、原生插件 参考文档: uni-app原生插件开发教程Android Studio 版uni-app原生插件集成指南 最好先看看我之前的一篇,打下基础: uniapp、5+app 安卓离线打包(多图,慎入) 1、先下好官方5+SDK转载 2021-09-06 11:24:19 · 2533 阅读 · 0 评论 -
uni-app 小程序蓝牙库
转载:uni-app 小程序蓝牙库 分享一下之前用uni-app写小程序的时候,做的蓝牙库 git地址:https://github.com/qinnnn/bleTool 使用方法 主要是项目中 utils/bleTool.js 的文件,这个是库的本体,可以单独使用 首先需要执行转载 2021-09-05 12:30:06 · 336 阅读 · 0 评论 -
uniapp 根据蓝牙特征找设备
{"devices":[{"deviceId":"11544C20-8323-E3CA-8909-A186A03B2204","advertisServiceUUIDs":["00001812-0000-1000-8000-00805F9B34FB"],"localName":"FR8010H_AT","name":"FR8010H_AT","advertisData":{},"RSSI":127}]}//这里的1812 就是advertisServiceUUIDs中的00001812uni.star原创 2021-09-02 22:25:24 · 529 阅读 · 0 评论 -
el-input 只能输入数字和小数点
oninput="value=value.replace(/[^0-9.]/g,'')"原创 2021-08-19 14:03:16 · 692 阅读 · 0 评论 -
text点击效果 修改字体颜色
>text { flex: 1; background-color: #FFFFFF; padding: 20rpx; text-align: center; } >text:active { color: #007AFF; }原创 2021-08-14 21:42:42 · 1089 阅读 · 0 评论 -
uniapp 区域地图
<template> <view class="map-content"> <view class="map" id="map"></view> </view></template><script> import AMap from "../../static/js/map.js" export default { data() { return { title: 'hello',原创 2021-08-03 15:08:11 · 1410 阅读 · 2 评论 -
uniapp 使用高德地图
<template> <view> <view class="map" id="map"></view> </view></template><script> import AMap from "../../static/js/map.js" export default { data() { return { title: 'hello', provider: '',原创 2021-08-03 14:21:36 · 2572 阅读 · 2 评论 -
uniapp map callout使用
<template> <view> <view class="page-body"> <view class="page-section page-section-gap"> <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"> </map> <原创 2021-07-26 11:59:35 · 4936 阅读 · 0 评论 -
uniapp 使用map组件 动态自定义标记点图标及内容文字
先看效果 地图中的标记点 可以动态变化自定义的图片与内容 原理 通过map组件中的 markers 属性 设置标记点 用于在地图上显示标记的位置 map组件所在uniapp官网位置:map-uni-app https://uniapp.dcloud.io/componen...转载 2021-07-26 10:48:33 · 14476 阅读 · 2 评论 -
uniapp打包成window
main.jsconst {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garba.原创 2021-02-23 17:20:52 · 2285 阅读 · 0 评论 -
uni-app 上次文件到 oss
<template> <view> <button @click="uploadClick">上次图片</button> </view></template><script> import uploadFile from '../../static/js/uploadFile.js' export default { methods: { uploadClick() { uni.choos原创 2021-01-08 14:48:04 · 315 阅读 · 1 评论 -
Uni-app Android 离线打包集成 uni-push(个推)消息推送
转载:Uni-app Android 离线打包集成 uni-push(个推)消息推送 1.首先去官网下载Android离线SDK(下载地址) 2.在下好的SDK中找到aps-release.aar, aps-igexin-release.aar并放入自己项目libs目录下 3.在Androidmainfest.xml文件manifest节点下加入 <uses-permission android:nam转载 2021-01-03 21:32:12 · 2217 阅读 · 0 评论 -
uniapp nvue 获取控件高度
注意是 id<uni-card id='uni-card' class="uni-card" is-shadow="true"> <view> <text style="width: 200rpx;font-size: 30rpx;color: #888;">围栏名称</text> <input style="text-align: left;width: 200rpx;font-size: 36rpx;" placeholder原创 2020-12-16 10:43:20 · 3428 阅读 · 4 评论 -
uniapp 获取控件高度 控件剩余100%
uni.getSystemInfo({ success: res => { uni.createSelectorQuery().select(".uni-search-bar") .boundingClientRect(searchBarBoundRect => { uni.createSelectorQuery().select(".uni-card") .boundingClientRect(cardBoundRect =>原创 2020-12-07 18:53:49 · 980 阅读 · 0 评论 -
uniapp地图 多边形使用
<template> <view> <map @tap='mapTap' :style="'width: 100%;'+ 'height:'+screenHeight" :latitude="latitude" :longitude="longitude" :polygons="polygons" :markers="markerList"> </map> </view></template><script&原创 2020-11-19 17:21:41 · 5618 阅读 · 1 评论 -
自定义pickerView
<template> <uni-popup ref="msPicker" type="bottom"> <picker-view style="width: 100%;height: 300rpx;background-color: #FFFFFF;" @change="valueRangeChange"> <picker-view-column> <view style="text-align: center;" v-for="it原创 2020-10-20 16:33:06 · 333 阅读 · 0 评论