高度uniapp swiper
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 ......
基于三维离散点插值的高度图方法
在我读研时，导师的项目是做一个无人水质检测船。其目标之一是具备绘制水域的深度图的功能。基本流程是在调查水域时用无人船载着一个深度计记录水域各处的位置和深度${ \left( x,y,z \right) }$，然后根据测得的数据用LabView渲染成一个水域深度3D图。因为无人船测量深度数据的位置${ ......
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部分需要做到 ......
uniapp+tp6实现微信公众号网页授权
## 说明 uniapp+tp简单实现微信公众号网页授权 后端除了tp6以外还需要一个`easywechat`微信开发库 ## 实现 ### 前端uniapp部分 1.首先判断本地缓存内是否有openid,有就不需要授权 2.没有openid就去请求后端授权,然后后端取到授权把信息放在url内,重定 ......
uniapp系列-uni.getAppBaseInfo() versionCode appVersion 值不对应该怎么解决？
## 今天看到一个BUG #### 问题描述 - 我们使用uniapp的官方文档中uni.getAppBaseInfo()后获取的 appVersionCode appVersion ，发现获得的结果和我们实际设置的不一致，不是manifest.json里面的值，如下图所示 - 官方文档：https ......
Uniapp仿ChatGPT Stream流式输出（非Websocket）
## 前言 最近写一个chagpt小程序，流式输出可以使用websocket也可以使用stream来实现，这里就不折腾websocket的了，我发现uniapp实现流式输出的方式挺多的，主要是有些小程序还不兼容，花了点时间研究了一下。 ## EventSource EventSource也称为SSE ......
Vue / uniapp cart.js购物车
const cart = { namespaced: true, state: { //{"store_id":"","goods_id":"", "goods_name":"", "goods_price":"", "goods_count":"", "goods_small_logo":"", ......
uniapp 列表分页显示 - uni-pagination
1. 先去 HX 市场下载并导入插件，由于这个插件是官方插件，所以并不需要引入，只需要重新编译（ module 模块 ） https://ext.dcloud.net.cn/plugin?id=32 2. 页面的引用，代码可直接复制，小修改 => views 模块 //分页显示, queryPara ......
2023-06-20 uniapp 使用插件 uni-data-picker 报错：[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"
前言：项目中引用了uni-data-picker插件，其官方代码如下： <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......
uniapp 无线调试
uniapp 无线调试 1、下载 adb工具 https://developer.android.google.cn/studio/releases/platform-tools?hl=zh-cn2、解压放到Hbuilder的adbs文件夹里 HBuilder/plugins/launcher/to ......
直播网站源码，uniapp几行代码解决滚动穿透
直播网站源码，uniapp几行代码解决滚动穿透 <template > <view class="" > <page-meta :page-style="spanStyle"></page-meta> </view></template><script > export default { data ......
vue学习过程中 遇到的问题 CSS塌陷 ----- 高度塌陷和外边距塌陷
1、高度塌陷 原因：父元素没有设置高度，子元素设置浮动属性（float:left）之后，父元素的高度为0.*** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compati ......
【HarmonyOS】如何解决智能穿戴设备中swiper组件右滑与系统退出应用冲突问题（API6 JS）
【关键字】 API6、JS、swiper组件、智能穿戴、setSwipeToDismiss 【问题描述】 使用API6 JS开发智能穿戴设备HarmonyOS应用，在首页使用swiper组件时，右滑swiper时会退出应用，无法实现swiper右滑效果，效果如下所示： 【问题分析与原因】 当页面 ......
uniapp企业微信web-view父子通信问题
**项目背景**：开发工具为HBuilderX，框架为uniapp，开发移动端的Web应用，在企业微信中使用（自建应用），Web开发的应用，不是小程序。 **需求**：页面中用到``组件，加载其他系统的页面（有跨域），需要在父子页面之间相互通信。这里通信的东西其实就是获取定位，通过uniapp获取用 ......
ChatGPT 问答00002 div百分比高度下如何设置滚动
当使用百分比高度时，设置滚动需要指定父元素的高度以及将子元素的高度设为100%。此外，我们还需要将 `overflow` 属性设置为 `auto` 或 `scroll` 以启用滚动。 以下是一个示例CSS代码： ```css .parent { height: 50%; overflow: auto ......
uniapp-黑马优选学习03
01. uni 数字组件： uni-number-box 02. 在 flex 布局中，如果子元素未铺满的处理 >> 情形： >> 处理方式： 为相应的子元素，配置 flex=1 03. 商品信息的滑动删除 >> 组件： uni-swipe-action 和 uni-swipe-action-ite ......
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception h5端运行正常，一用基座连接手机端就会报这个错误reportJSException >>>> exception funct ......
uniapp实现app端跳转微信小程序电子签
文档地址：https://cloud.tencent.com/document/product/1323/78886 正式环境： 电子签小程序 Appid：wxa023b292fd19d41d。 电子签小程序原始 ID：gh_da88f6188665。 // 正式服app调用的id 电子签小程序合同 ......
uniapp 头像裁剪
uniapp 上传主要就是用到了俩个方法 uni.chooseImage()和uni.uploadFile()。照抄就行 //view部分 <view class="img-boxs"> <image :src="from.avatar" @click="handleUpImg"> </image> ......
uniapp 中使用 navigator 跳转页面失败的问题
uni.navigateTo 用于页面跳转 如： <navigator url="/pages/index/index" hover-class="navigator-hover"> <button type="default">跳转</button> </navigator> 但是跳转页面失败，没 ......
uniapp封装接口
1.创建一个config文件夹，在里面创建app.js let httpApi = '' //接口公共部分 module.exports = {//要传的 请求头 token 等 HTTP_REQUEST_URL:httpApi, HEADER:{ Headers, Authorization:'t ......
2023-06-19 uniapp云打包报错：app-plus.distribute.icons.android.hdpi 文件不存在
详细报错： [HBuilder] 11:02:51.408 Manifest.json文件以下节点配置错误，请检查修复[HBuilder] 11:02:51.408 app-plus.distribute.icons.android.hdpi 文件不存在[HBuilder] 11:02:51.408 ......
uniapp怎么关闭侧滑
###uniapp全局禁止侧滑 首先找到并打开“manifest.json”，然后配置内容为“"popGesture": "none"”即可禁止响应左滑动画。 ``` "plus": { //uni-app项目对应节点名称为"app-plus" "popGesture": "none" } ``` ......
基于uniapp+vite4+vue3搭建跨端项目|uni-app+uview-plus模板
最近得空学习了下uniapp结合vue3搭建跨端项目。之前也有使用uniapp开发过几款聊天/仿抖音/后台管理等项目，但都是基于vue2开发。随着vite.js破局出圈，越来越多的项目偏向于vue3开发，就想着uniapp搭配vite4.x构建项目效果会如何？经过一番尝试果然真香~ 版本信息 HBu ......