uniApp
2023-07-03 禁止uniapp之app端上下滑动出现的回弹效果："app-plus": {"bounce": "none"}
前言：uni项目打包到app（以Android为例）上运行，上下滑动页面的时候会出现一个半圆，这就是所谓的退弹，如需关闭可在pages.json文件中的globalStyle中添加一下代码即可： "app-plus": { "bounce": "none" } uniapp关于app-plus的更多 ......
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版
小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片，html转为图片多端通用版 一、导出内容设置方法 getZhangdanImage() { let textH = 38 //行位置 let titleL = 15 //行左边起始位置 let titleR = 118 //行右边 ......
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3
多端全栈项目实战：大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及，代驾服务成为了一个日益火热的行业。在这个行业中，如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......
uniapp 常用方法
/** * 设置手机通知权限 */ setPermissions() { // #ifdef APP-PLUS if (plus.os.name == 'Android') { // 判断是Android var main = plus.android.runtimeMainActivity(); ......
uniapp学习（二）
## easycom自动导入自定义组件 目录下 components / MyItem /MyItem.vue ```vue (｡･∀･)ﾉﾞ嗨 ``` 使用 ```vue ``` ## props父向子组件传值 > 父传子 ```vue {{title}} {{subtitle}} ``` 使用组 ......
获取不同型号手机小程序导航栏的高度（uniapp）
uni.getSystemInfo({ success: function(e) { Vue.prototype.StatusBar = e.statusBarHeight; let custom = wx.getMenuButtonBoundingClientRect(); Vue.prototy ......
uniapp使用高德地图注意事项
1、获取定位信息需要连接网络 2、map 组件使用的经纬度是国测局坐标，调用 uni.getLocation 接口需要指定 type 为 gcj02 3、H5 端获取定位信息，需要部署在 https 服务上，本地预览（localhost）仍然可以使用 http 协议。 ......
直播系统代码，实现Uniapp中的自定义按钮跳转
直播系统代码，实现Uniapp中的自定义按钮跳转 在index页面中，我们需要添加两个自定义按钮，分别为“跳转到page1页面”和“跳转到page2页面”。具体代码如下： <template> <view class="container"> <view class="btns"> <view cl ......
uniapp 引入非模块化js
uniapp开发的H5,引入第三方的非模块化.js文件，如self.js，就是纯js文件，没有module.exports暴露出来成为一个对象， 这种放在common文件夹下，引入会提示找不到，这时候应该把该 self.js放在static文件夹下， uniapp发行H5时static文件下的内容不 ......
uniapp分页请求
<template> <view> 循环请求的数据 </view> <view> {{ isLoading ? 加载中...' : '没有更多了' }} </view> </template> export default { data(){ return{ dataForm:[ ],//分页数据 ......
uniapp 消息推送
###1.前言 - 作为一个非原生App的开发者，对于手机系统的推送机制了解是是非有限的，只有了解清楚这些机制，后期的开发才会少踩很多坑，本文将对推送机制逻辑进行一个简单的梳理与记录 ###2.推送流程 - 推送流程1.0：后台服务器 -> 推送服务器（第三方） -> 手机App - 推送流程2.0 ......
2023-06-29 uniapp之android端在v-else条件下会显示undefined
前言：业务需求，v-if显示内容，v-else不显示内容，在h5端显示正常，小程序端未测，app端v-else的时候显示了一个undefined。 猜测：理论上来说，v-else符合条件了就不会显示内容呀，可能是各个平台对vue或者uniapp的兼容性导致的。 原因：v-else代码里的一个变量确实 ......
uniapp学习(一)
【新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握】 https://www.bilibili.com/video/BV1mT411K7nW/?p=24&share_source=copy_web&vd_source=03c1dc52eeb3747825ecad04 ......
uniapp代码片段
{ "Print to console": { "prefix": "uni", //写成自己满意的前缀(name) "body": [ "<template>", " <view>$0</view>", "</template>", "", "<script>", "export default ......
Uniapp下GoEasy通知栏推送不工作问题排查记录
我们是uniapp开发的app，项目中的系统消息推送使用的是GoEasy Websocket 实时推送，上线一段时间后，客户反馈说，当app没有在前台运行时也需要想办法通知用户一些重要的系统通知。那么此时通知栏推送就需要集成了。集成通知栏推送很麻烦，国内一些公司做了一些插件来帮我们打通app跟厂商之 ......
uniapp,微信小程序点击按钮打开地图进行导航
uniapp示例： <view class="order-contact-item" style="width:50%;text-align: center;" @tap="openMapNavigation">导航商家</view> //js函数打开导航 openMapNavigation() { ......
2023-06-27 uniapp项目之小程序端无法显示图标，h5端能正常显示
原因：不能显示的图片标签为uview-ui的u-image，它没有高度只有宽度，所以撑不起一张图片。 解决方案：给u-image添加高度。注意要按照这种格式写： <u-image width="60rpx" height="60rpx" /> 而下面这种行内样式是不生效的，具体为什么我也不知道~ < ......
在线直播系统源码，uniapp滚动加载
在线直播系统源码，uniapp滚动加载 声明submitDate对象用来存放接口需要的具体参数，其中page和limit为查询页数和每页查询数据，total为记录数据总条数,pageList存放页面数据。 data() {return { pageList:[],//列表数据submitDate: ......
2023-06-27 uniapp之h5端之hbuilderx显示错误未修改，但vscode里已修改
hbuilderx抛出一个错误，注释掉对应的一行代码就应该没事了，但是还是显示原来的错误，就好像没修改到一样；我是用hbuilderx来运行uni项目到h5端的，然后用vscode来修改代码； 我在hbuilderx打开对应的文件查看，结果在hbuilderx里面显示是没修改，真是奇了怪了，vsco ......
uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板
基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端，支持渲 ......
2023-06-26 uniapp之小程序分包无效 subPackages为空
前言：小程序分包，设置好路径后发现打包后的app.josn文件（unpackage\dist\dev\mp-weixin）中的subPackages还是为空? 原因：subPackages写法有误，仔细对比了一下，发现subPackages应为数组而不是对象。 "subPackages": { "r ......
h5-vue-uniapp-节流防抖共通方案
参考：https://juejin.cn/post/6959161295358656520 描述：防止C端客户重复点击付款按钮而导致两次调起后台付款API 建议使用： ``` /* func：要进行防抖处理的函数 delay：要进行延时的时间 immediate：是否使用立即执行 true立即执行 ......
JavaScript、vue、uniapp如何获取本周开始时间和结束时间？
``` //获得本周的开始时间： getStartDayOfWeek(time) { let now = new Date(time); // 当前日期 let nowDayOfWeek = now.getDay(); // 今天本周的第几天 let day = nowDayOfWeek || 7; ......
uniapp微信小程序转支付宝小程序踩坑（持续更新）
首先第一个，真有被折磨到！ // 微信正常使用，支付宝不行 <image src="https://static.dabapiao.com/images/coupon-index.png" mode=""/> // 以下两种 微信、支付宝都正常使用 <image src="https://stati ......
uniapp开发微信小程序随笔
1）获取某个元素距离顶部的高度 getObjectToTop(obj) { let query = uni.createSelectorQuery().in(this); query.select(obj).boundingClientRect(data => { this.objtop = dat ......
uniapp 蒙版层中使用scroll-view解决滚动穿透
使用page-meta来解决这个问题 nvue没试过 在当前页面上使用 page-meta必须是页面的第一个元素，当弹出层显示的时候，将overflow 变为hidden就可以了，记得写height:100vh page-meta类似于H5中的body，等同于给body加上了overflow hid ......
uniapp项目嵌入微信公众号，授权登录
1.创建公众号 2.配置公众号信息 =>公众号设置 =>账号详情 =>功能设置 =>配置业务、js接口安全、网页授权域名 =>人员设置：绑定开发者微信号 3.基本配置 =>appid，appsecret，配置白名单（服务器ip地址） 4.web开发者工具菜单：绑定开发者微信号 5.自定义菜单：菜单内 ......
基于uni-app+vue3渲染markdown格式|uniapp软键盘顶起问题解决方案
前些时候有给大家分享一篇uni-app+vite4+uview-plus搭建跨端项目。今天主要分享下在uniapp中渲染markdown语法及uniapp中软键盘弹起，页面tabbar或顶部自定义navbar导航栏被撑起挤压的问题。 如上图：支持h5+小程序+App端markdown解析渲染。 上面 ......
uniapp+tp6实现微信公众号内H5支付
## 说明 前端使用uniapp,后端使用php,简单实现公众号内微信支付 后端还使用了`easywechat`这个微信开发库的4.x版本 微信支付流程 1.先去微信支付官方下单 2.然后我们拿着返回的参数再去前端发起支付 3.支付结果 ## 步骤 ### uniapp部分 uniapp部分需要做到 ......