高度uniapp swiper
uniapp电子签名盖章实现详解
项目开发中用到了电子签名、签好名的图片需要手动实现横竖屏旋转、并将绘制的签名图片放到pdf转换后的base64的图片上，可以手动拖动签名到合适的位置，最后合成签名和合同图片并导出。和以往一样，先发一下效果图。整理总结不易，如需全部代码，请联系我15098950589（微信同号）。 核心代码如下 // ......
uniapp 链接参考
晓梦云飞:https://juejin.cn/post/6991840275735773221 晓梦云飞:https://gitee.com/wuccloud/uniall#https://gitee.com/link?target=http%3A%2F%2Fku.qingnian8.com%2Fc ......
uniapp中微信小程序取手机号（后端net7+盛派SDK）
uniapp中微信小程序取手机号（后端net7+盛派SDK） 2023年08月09日测试成功，不过看微信的小程序文档8月26日起微信小程序取手机号就要收费了，取一次3分钱。 原理：前端取到code后传到后端，后端再把code传给微信的某一接口取手机号 前端uniapp中的vue代码： <templa ......
uniapp自动引入 vue3(ref, toRefs, reactive...), uni-app
1. 装包 npm i unplugin-auto-import --save-dev 2. 在项目的 vue.config.js 中引入并使用 import { defineConfig } from 'vite' import uni from '@dcloudio/vite-plugin-un ......
uniapp中微信小程序取微信头像并上传到.net core后端
uniapp中微信小程序取微信头像并上传到.net core后端 2023年08月09日 后端net7测试成功，先记下来，以后要用的时候直接来这复制粘贴 前端uniapp里的vue代码： <template> <view> <button class="avatar-wrapper" open-ty ......
QComboBox在ubuntu下不显示滚动条问题，下拉框出现位置不固定问题，设置显示最大数量不生效问题，设置item高度不生效问题
这里的Ubuntu指的是银河麒麟，问题也是在麒麟下出现的。没有在Ubuntu试过是否有同样的问题。但是估计也差不多，毕竟国产系统跟Ubuntu本来就纠缠不清。 用QT写了一个QComboBox，自定义了一些样式，在Windows下显示正常，但是在Ubuntu下不显示滚动条，下拉框位置根据当前选项变化 ......
原生JS实现一个不固定高度的虚拟列表核心算法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>不定高度的虚拟列表 ......
uniapp vuex用法详细讲解
uni-app 小程序项目三 1. 商品列表、过滤器、封装商品item组件、上拉加载、节流阀、下拉刷新、2. 商品详情、轮播图、商品价格闪烁问题 3.加入购物车、vuex、持久化存储、mixiins_小程序商品列表加载_Hyman-ya的博客-CSDN博客 ......
小程序获取定位完整的封装js（uniapp）
1.小程序获取定位，首先需要在微信公众平台，申请getLocation接口（开发管理->接口设置） 2.在manifest.json打开源码视图，增加代码 "mp-weixin": { "appid": "appid","permission": { "scope.userLocation": { ......
uniapp 引用第三方字体出现闪烁
使用uniapp开发的时候，需要加载第三方字体，第三方字体文件需要从网络上面下载，下载的字体文件很大的场合，在uniapp加载的时候出现，先加载uniapp本身的字体之后再出现所加载的第三方字体的现象。 引用第三方字体 引用第三方字体方法，创建一个css文件放到common文件夹中，之后把第三方字体 ......
uniapp获取位置时显示getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json
uniapp获取位置时显示getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.json 解决方式：1.manifest.json文件 "mp-weixin" 中添 ......
uniapp 只选择月份与日的时间选择器
1、使用 <picker> 组件的 mode 属性设置为 "multiSelector"，然后通过设置 range 属性来提供可选的月份和日的列表。 <template> <view> <picker mode="multiSelector" :range="range" @change="onPi ......
uniapp实现左滑删除功能
<delSlideLeft :item="item" :data_transit="{index:index,item:item}" @delItem="delItem"> </delSlideLeft> <template> <view> <view class="box-slideLeft" > ......
swiper轮播图的使用
这里使用的是swiper5 npm install swiper@5 main.js引入 import "swiper/css/swiper.min.css" 页面用 import Swiper from "swiper"; <div class="swiper-container" id="myS ......
Uniapp开发：配置运行到手机或模拟器功能
一、配置环境变量 将使用的adb环境路径（D:\HBuilderX 3.4.6\HBuilderX\plugins\launcher\tools\adbs）配置到环境变量（控制面板-》系统-》高级系统设置-》环境变量编辑）中： 二、查看adb相关信息 打开cmd命令行 1、使用adb version ......
2023-08-04 uniapp之scroll-view无法横向滚动
解决方案： 给scroll-view设置样式 white-space: nowrap 然后scroll-view里面的子项要设置样式为 display: inline-block; 接着scroll-view的属性scroll-x要设置为true scroll-x="true" 如果这都不出现滚动， ......
uniapp开发H5，分享链接到微信好友，显示标题和缩略图
本文档介绍了如何在UniApp开发中实现将链接分享到微信好友，并确保在分享时显示标题和缩略图的方法。 ## 背景 第一次用uniapp开发H5页面，发现分享给微信好友的链接，不显示标题和缩略图 ## 步骤一：安装插件 首先，在项目根目录下的命令行中执行以下命令： ```shell npm insta ......
直播系统源代码，uniapp实现禁止video拖拽快进
直播系统源代码，uniapp实现禁止video拖拽快进 <!--1.video标签--><video id="myVideo" @timeupdate="videoFun" :src="videourl" initial-time="initial_time" ><script>export def ......
uniapp 使用camera组件IOS圆角不生效问题
<view class="cameraView gui-margin-top"> <camera class="camera-box" device-position="front" flash="off"> </camera> </view> .cameraView{ width: 600rpx; ......
uniapp+ts页面接收传参
<script setup lang="ts"> import { onLoad } from '@dcloudio/uni-app'; //接收传参 onLoad(options => { console.log(options ); }); </script> ......
uniapp中使用微信支付
超简单 wx.requestPayment({ timeStamp: zhifu.timeStamp,//需要的参数，由后端返回 nonceStr: zhifu.nonceStr,//需要的参数，由后端返回 package: zhifu.prepayId,//需要的参数，由后端返回 signType ......
uniapp底部弹出层
methods: { changeRelation() { uni.showActionSheet({ itemList:['妻子','丈夫','妈妈','爸爸','爷爷','奶奶','儿子','女儿','兄弟姐妹','亲戚','同学','同事','朋友','长辈','其他'], success: ......
uniapp 之h5修改全局滚动条(浏览器下滑有小矩形滚动条)
在index.html文件里 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no ......
uniapp 自动升级机能
背景 用uniapp做一个app，用离线（即原生框架）进行打包，想实现版本自动升级的功能 环境 安卓手机，安卓pad 方法1:用 uni.downloadFile方法下载到本地之后进行更新 uni.downloadFile({ url: "https://XXXXX/xxxx.apk", succe ......
为什么说数字孪生和GIS高度互补？它们各自从对方那里获得了什么？
在数字化时代，数字孪生和GIS作为两项重要技术，它们的融合正日益受到人们的关注和认可。数字孪生是将实体世界与数字世界紧密结合的技术，可以创建实时的虚拟副本，对物理系统进行模拟、优化和预测。而GIS则是用于收集、管理、分析和展示地理空间数据的系统，为我们提供了对地理环境的全面认知。数字孪生和GIS之间... ......
uniapp 禁止软件盘弹出
<script module="input" lang="renderjs"> export default { mounted() { this.$el.querySelector('input').setAttribute('inputmode', 'none') } } </script> ......
swiper 设置 autoHeight: true, 第一个swiper下拉后，切换到第二个swiper后，滚动条不置顶，解决办法
给swiper添加事件 on: { slideChangeTransitionEnd: function (swiper,index) { document.documentElement.scrollTop = 0; // For modern browsers document.body.scr ......
swiper 嵌套 swiper，内部的swiper在PC端无法滑动的解决办法
给swiper添加参数 nested: true ，即可解决该问题 var mySwiper1 = new Swiper('.swiper', { loop: false, watchSlidesVisibility: true, slidesPerView: 'auto', freeMode : ......
highchart柱状图添加最小高度
给highchart柱状图添加最小高度 plotOptions: { series: { minPointLength: 25 }, }, ......