uniapp
uniapp使用uni-grid时出现BUG第二次进入少一列
在使用uniapp的uni-grid组件时，出现了一个bug，第一次进入页面是是显示正常的，第二次进入就会发送少一列的情况 第一次进入时显示 第二次进入时显示 在网上找了半天没啥解决办法，最后是在dcloud社区中找到解决方法： 1.把最外层的view固定宽度 2.去掉边框 因为我这边是需要进行对不 ......
uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式
uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式，功能多性能高体验好注释全。 1.效果预览： 5.引入插件 项目代码：Homilier / qf-image-cropper · GitCode 使用HBuilder X导入项目 ：图片裁 ......
uniapp运行启动时候出现 The current application is running in a custom debugging base....
突然出现这个，原来是uniapp说的自定义基座，是在app/src/main/assets/data/dcloud_contro.xml中 需要修改hbuilder标签中的debug的值，如果为true则会出现标题的提示，如果改为false则不会出现标题提示的弹窗 <hbuilder debug=" ......
uniapp打包Android，出现崩溃Didn't find class "io.dcloud.application.DCloudApplication"
自己创建的新的Android项目打包的时候一直崩溃，报错：Didn't find class "io.dcloud.application.DCloudApplication" 查找之后在app/build.gradle中发现添加 multiDexEnabled true compileOption ......
uniapp 小程序获取当前经纬度，传递给后端
// #ifdef MP-WEIXIN //定位方法 getUserLocation: function() { var _this = this; wx.getSetting({ success: (res) => { // res.authSetting['scope.userLocation' ......
uniapp开发笔记
控件 toast控件 uni.showToast({ icon: 'none', title: '输入topic' }) 注意点 引入图片需要的注意事项 图片的宽度不能是auto 相对路径和绝对路径 绝对路径要以 / 开头 示例代码 { bigUrl: "static/image/img/Child ......
uniapp 判断蓝牙是否打开并打开蓝牙
1.创建触发时间的按钮 <view class="suibian"> <button @click="open">打开蓝牙</button> </view> 2.打开弹窗 open() { const BluetoothAdapter = plus.android.importClass('andr ......
uniapp 之绘制海报 并适应机型
之前绘制的海报出现的问题： ① 海报有一角圆角没体现出来 ② 海报内容随机型，变动到其他位置（并不是想要的地方） 针对于这个问题进行修改 注意：海报设置的宽度与你canvas给的标签的宽高是保持一致，下面图片为完成的海报图 一、设置海报的初始化宽高，这个需要在小程序的onReady生命周期去执行 s ......
uniapp(安卓)之文件上传
uniapp(安卓)之文件上传 uniapp提供的uni.chooseFile只支持H5和微信小程序，所以想上传除图片/视频外的非媒体文件，需要使用原生的方式开发。 uploadtxdr() { //使用plus选择文件 let that = this; let filePath = '' let ......
uniapp 404页面
需求：uniapp 在写 H5 时，如果在地址栏乱输入，会跳转到 404 页面。 思路：uniapp 有个 应用生命周期 onPageNotFound，让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了！ 具体操作： 第一步：写一个 404 页面，并在 pages.json 中配置其路由。 ......
uniapp中引入Leaflet
1. 引言 uniapp中自带有map组件，并且自带的map组件有常见的显示地图、绘制点线面的功能 但是，它存在以下问题： 收费，自带的map组件使用的是高德、腾讯的地图，无论使用什么样的功能，即使只是绘制底图，也无论多少人使用，需要收费 可定制能力低，除了map组件提供的方法与属性以外，难以加入其 ......
uniApp打包后定位功能失效
前情提要：uni.getLocation想要获取详细的省市区门牌号type必须使用gcj02，而gcj02必须使用第三方SDK 第一步：在uniapp的manifest.json的模块配置中设置定位，我选择的是高德 第二步，获取高德地图的开发账户，我注册了个人账户，然后进入个人账户创建应用 第三步： ......
app直播源码，uniapp随机数生成签名
app直播源码，uniapp随机数生成签名 1、首先，需要引入 node.js 内置模块 crypto，它提供了一些加密相关的函数和方法。可以在项目的 common 文件夹下新建一个 js 文件，例如 utils.js，并在其中定义一个生成随机串的方法，例如： // 引入 node.js 内置模块 ......
android短视频开发，uniapp页面滚动条到指定位置
android短视频开发，uniapp页面滚动条到指定位置 # html 指定位置<view class="gap_body_position"></view> # js执行this.$nextTick(() => { // 一定要用nextTickuni.pageScrollTo({duratio ......
uniapp小程序页面跳回携带参数
B返回A 1.B跳回事件 let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 ......
uniapp之文件保存
uniapp之文件保存 文件保存分几种情况： 1.网络文件保存： 使用uni.downloadFile创建临时文件地址，然后使用uni.saveFile保存 uni.downloadFile({ //下载 url: path, success: (res) => { if (res.statusCo ......
uniapp做移动端手写签名生成图片
1、电子签名 电子签名目前已经有很多现成的插件，所以我这里直接选择了一个，有需要的可以看下https://ext.dcloud.net.cn/plugin?id=4354 代码如下： HTML： <view class="content"> <view style="width: 750rpx ;h ......
uniapp实用功能代码（小程序支付，图片保存，返回刷新，分享到朋友圈）
1. uniapp 小程序支付： uni.request({ url: "http://xxxxxx/payOrder", // 后端接口 返回调起支付需要的参数 data: { userId:1, // 此接口需要的参数 一般有多个 此仅为示例 }, method: "POST", success ......
uniapp+微信小程序 激励广告
防忘 首先在onready里面准备好代码 包括广告准备就绪 准备出错，广告关闭 data() { return { showAd: false, canShowAd: false, rewardedVideoAd: null, } }, onReady() { let that = this; th ......
使用uniapp开发小程序getLocation报错
uniapp中使用uni.getLocation()报错，报错如下: getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json 首先检查uniapp的mani ......
uniapp关于uEcharts 关于Y轴 取整的问题
ucharts的地址 https://www.ucharts.cn/v2/#/ 业务场景 用户数量柱状图统计，Y轴不能出现小数的刻度， 需要修改引入的组件文件 uni_modules/qiun-data-charts/js_sdk/u-charts/u-charts.js 第1955行 向上取整 v ......
uniapp-1记
《Vue.js 核心技术解析 与 uni-app 跨平台实战开发》 这本书听、读了2天，收获一般，所以我打算从兴趣点入手。 上面截取了某游戏社交平台的应用操作界面，可以看到它使用的双导航，即在上方有一排： （推荐、影帝赠礼、新闻、更新、活动），默认推荐，而其实这上面这一排也仅仅对应着 下面的tabB ......
uniApp 仿微信下拉菜单
uniApp 仿微信下拉菜单 手指长按事件longpress @longpress="longpress(index,$event)" 下拉菜单 <!-- 长按的下拉菜单 --> <view class="jh-w-200 jh-h-60-min jh-dropDownMenu jh-shadow- ......
uniapp微信小程序表单输入框上移事件
一、问题 uniapp制作的微信小程序表单，在使用真机调试时，点击输入框输入内容时，出现输入框上移的情况 二、找原因 窗体高度固定，导致软键盘弹出时输入框上移 三、解决办法 1、uniapp官网关于软键盘弹出问题的解决方法 在pages.json中配置的写输入框表单的 style "app-plus ......
uniapp小程序小bug，扫码进入小程序场景值为1001的情况之一。
首先，这个问题原因是这样的用户第一次扫码进入小程序在app.vue 的onLaunch下拿不到optiond的query对象的值场景值为1001，按照正常来说扫码进来应该是1047。排查原因只有用户在打开小程序的情况下 没有杀掉进程只是切换页面到微信主页进行扫码进入小程序，结果就会出现扫码进入小程序 ......
将微信小程序源码自动转换为uniapp vue3/vite源码
uniapp目前已经支持vue3语法了，对于想将微信小程序代码迁移到uniapp vue3的小伙伴来说，迁移的工作量无疑是比较大的。本人开发了自动转换工具可以自动实现代码转换，并且保证了可读性。 基本原理： wxml-compiler：wxml → posthtml-parser → AST → t ......
uniapp开发nuve原生瀑布流组件waterfall列表后边出现空白的处理方法
异常描述： 首页有轮播、广告位、瀑布流商品列表，但是使用了原生组件waterfall的商品列表后边出现了大面积空白。 解决方法： 将waterfall放到父容器下边或者直接放到template下边作为父容器，给父容器设置高度设置为窗口高度，除瀑布流展示的列表外，其他的组件都放在中即可。 <templ ......
uniapp做app跳转小程序支付功能
1.app里面代码 app向小程序路径传参的时候，如果太长或者是里面有特殊符号建议先使用编码然后再小程序端解码实现传送（编码代码如下） encodeURIComponent(JSON.stringify(params)) // 编码 JSON.parse(decodeURIComponent(opt ......
uniapp小程序所遇到的bug
最近小程序添加好多条条框框的规矩比如 1、登录的时候要弹出隐私规则的弹窗 2、要使用的api涉及到隐私的一定要在隐私规则里配置，在微信公众平台的设置里，更新隐私规则 3、.如果涉及到手机号登录的小程序，则需要有游客模式，就是不可以在登录的时候向用户获取手机号，要在具体功能的前面获取手机号等隐私，可以 ......