uniapp
uniapp，微信小程序确认收货组件的使用
直接上代码 //拉起确认收货组件 if (wx.openBusinessView) { wx.openBusinessView({ businessType: 'weappOrderConfirm', extraData: { // merchant_id: '1230000109',//用户交易商 ......
uniapp上拉加载更多
<template> <view class="container"> <view v-for="(item,index) in videoList" :key="index"> <label style="display: block;width: 100%; height: 40px; back ......
uniapp项目实践总结(二十)URLScheme 协议知识总结
导语：在日常开发过程中，我们经常可以碰到很多的调起某个应用，打开唤醒某个 APP，链式启动 App 等场景，背后就涉及到了 URLScheme 协议的相关知识，下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP ......
uniapp经常性报node:events:504， 使用了uno.css
vite.config.js build: { watch: { exclude: ['node_modules/**', "/__uno.css"] }, } ......
2023-09-22 uniapp之canvas调用api【uni.canvasToTempFilePath】报错返回：canvasToTempFilePath:fail fail canvas is empty==》canvas被隐藏了导致无法显示
canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确，一个是canvasId必须正确，另一个就是第二个参数为this； 但事情显示没那么简单，这二者我都有填写，却仍旧报这个错，我把canvasid换成别的， ......
2023-09-22 uniapp canvas之ctx.draw没有回调 ==》ctx.draw(true, (() => {...})())
try catch 无法捕获到错误，没有回调，没有反应，宛如石化一般，孤寂无边。 原本写法： ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP ......
uniapp项目实践总结(十九)版本更新和热更新实现方法
导语：当一个 APP 应用开发完成以后，就要上架应用商店，但有时候修改一些小问题或者推出一些活动，又不想频繁地提交应用商店审核，那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新，下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index ......
uniapp百度地图
<!-- 移动端地图 --> <template> <view class="tabnav"> <view class="tabnav-c"> <page-head :title="state.title"></page-head> <view class="uni-common-mt"> <vie ......
uniapp上传excel文件
1.前端 使用插件：https://uniapp.dcloud.net.cn/component/uniui/uni-file-picker.html <uni-file-picker v-model="fileName" file-extname="xls,xlsx" limit="1" file ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 ......
微信小程序转换成uniapp项目
1. 把微信小程序转换成uniapp项目 1.1 安装miniprogram-to-uniapp 插件 打开cmd，运行【 npm install miniprogram-to-uniapp -g 】进行安装，因为这个包是工具，要求全局都能使用，所以需要-g进行全局安装。 npm install m ......
uniapp 子组件中onLoad，onShow方法不执行
uniapp中，有应用生命周期和页面生命周期，子组件没有应用周期，所有onLoad，onShow都不存在，难怪我用两个方法没有效果。 可以用如下方法： // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
uniapp项目实践总结(十七)实现滚动触底加载
导语：在日测的开发过程中，经常会碰到页面需要渲染大量数据的情况，这时候就需要用到滚动加载功能，下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部，然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- ......
如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
uniapp 扫码功能的实现
uniapp 自带扫码功能 不需要下载第三方插件 方法里直接使用 // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { let url = ......
uniapp解决不同系统端复制不支持问题
1.安装依赖 npm install clipboard --save import ClipboardJS from 'clipboard'; //使用clipboard.js库来实现跨平台的复制功能，解决Safari浏览器（苹果设备上的默认浏览器）对uni-app框架的剪贴板功能的支持可能不完整 ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
uniapp项目实践总结(十六)自定义下拉刷新组件
导语：在日常的开发过程中，我们经常遇到下拉刷新的场景，很方便的刷新游览的内容，在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹，并新建一个q-pull.vue的组件； 按照前面文章所 ......
【uniapp】【微信小程序】wxml-to-canvas
真是搞吐了，研究了整整两天，困死我了 本来使用生成二维码插件好好的，插件页也支持导出二维码图片，可是领导说要带上文件的名称，那就涉及html转图片了，当然也可以改二维码插件的源码，不过源码做了混淆，看晕了，放弃了。 试了将微信的原生插件wxml-to-canvas引入uniapp项目，最后捣鼓了好久 ......
uniapp+app开发使用muiplayer播放m3u8视频流的不成熟方法
问题 使用uniapp开发手机端app,有一个页面是一个m3u8格式的视频列表,如果使用原版的video标签播放会因为层级最高问题不能滑动被覆盖。 方案 使用iframe内嵌本地页面(为什么不用webview?webview在模拟器可以显示在真机上就显示不出来,同时手机端的webview的层级是最高 ......
uniapp-文件上传
一 使用uni.uploadFile 二 具体实现案例 <template> <view class="container"> 主页 <button @click="getInfo()">测试接口</button> </view> <view> <uni-section title="选择图片" t ......
uniapp VUE-H5页面微信公众号内使用微信JSAPI支付
注意看 本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题 前期准备工作 .首先要有一个开通商户注册的公众号，我们需要他的appid； .其次要开通商户公众号的公众号支付的功能并添加域名，开通完成后就可以基本开始我们的开发了 既然是jsapi开发 自然是要引入的 np ......
uniapp-net core后台-实现认证
一 在program.cs中添加cookie认证 builder.Services.AddAuthentication( CookieAuthenticationDefaults.AuthenticationScheme) .AddCookie(options => { options.Cookie ......
uniapp 打包出现广告，清除广告
uniapp 打包App时会默认打开开屏广告，还无法关闭，以下是关闭方法 简洁版 进入开发者后台，点击左侧uniad，点击广告设置，找到应用，点进去把能关闭的全关了，然后再去打包，把上面图片上的勾去了就行 1、登录开发者后台 https://dev.dcloud.net.cn/pages/commo ......
uniapp项目实践总结(十五)使用websocket实现简易聊天室
导语：在一些社交软件中，经常可以看到各种聊天室的界面，接下来就总结一下聊天室的原理个实现方法，最后做一个简易的聊天室，包括登录/登出、加入/离开房间、发送接收聊天消息等功能。 目录 准备工作 原理分析 组件实现 实战演练 服务端搭建 案例展示 准备工作 在pages/index文件夹下面新建一个名叫 ......
uniapp打包微信小程序包忽然超了
前言 做了一些代码上的修改，打包的时候发现包大小超了，而且超了500多k，已经不能通过压缩图片解决问题了，奇怪的是前几天还可以打包， 后来发现是manifest.json中打包压缩字段被改为了false "mp-weixin" : { "appid" : ".....", "setting" : { ......
uniapp在h5调试跨域问题
在manifest.json 中 h5里 加 "devServer": { "proxy": { "/webadmin": {//接口包含的路径 "target": "http://221.0.82/",//接口地址ip或域名 "changeOrigin": true, "ws":true } } ......
2023-09-11 uniapp小程序之拷贝带中文的代码过来后该中文显示为乱码 ==》 以指定编码重新打开 or notepad++转码
第一个方法，打开hbuilder x工具，找到文件==》以指定编码重新打开==》选择UTF-8，然后重新编译项目； 上面的方法行不通，则采用第二种： 使用notepad++工具，打开乱码的文件，然后在工具中选择【编码】，再选择【转为UTF-8】，保存，再重新编译即可。 ......