uniapp自定义组件

开源无人棋牌室源码，无人自助茶室源码，无人台球室，uniapp，Java

前一段时间在研究一个项目，uniapp可以适配微信小程序、h5，后台用java编写，数据库支持mysql，已对接多个品牌硬件，可以插拔式适配。对于这块有兴趣的可以拿来研究、学习。
charlesbabbage·2024-09-06 03:36

uni-app技术分享|开源demo视频呼叫arcall uni-app端技术实现

介绍基本uniapp_arcall是通过uniapp实现的语音通话、视频通话以及相关配套的呼叫邀请。解决向指定用户发起呼叫通知，对方接受后进行通话的场景需求。呼叫邀请基本流程
anyRTC·2024-09-06 03:36

uni-app基础框架搭建（vue3+ts+vite）

更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn
LB_bei·2024-09-06 01:24

vue自定义组件如何挂载到body上

vue自定义组件如何挂载到body上1.创建组件实例2.vue规定不能直接挂在到bodyhtml的跟节点上去3.vm.
dogface07·2024-09-05 19:13

Uniapp小程序分包

注：只拿uniap开发的小程序举例，mpvue略有差异1.首先在pages文件目录下创建pagesA文件（这里拿order页面举例），正常的order文件在pages文件下2.现在分包的话，就在pagesA文件下创建一个order文件，再把pages文件下的oeder页面剪切到pagesA的order文件下3.开始配置分包：配置mainfest.json文件(开启分包的功能)，找到源码视图“mp-
周bro·2024-09-05 15:15

uniapp APP版本更新

vardtask=plus.downloader.createDownload(userl.value,{},function(d,status){if(status==200){//下载完成-进行安装console.log('下载status',d,status)//console.log("Downloadsuccess:"+d.filename);this.show_update=false
初遇你时动了情·2024-09-05 15:14

uniapp实现位置授权并打开地图选择位置信息

实现效果图：步骤1：登录微信小程序公众平台，在“开发”——>“开发管理”——>“开发设置”中复制AppID(如果没有就申请一个)步骤2：注册并登录腾讯位置服务，点击右上角的控制台，创建应用获取Key,在“应用管理”——>“我的应用”中复制Key。（在创建应用的时候启用产品全打勾，授权APPID就填自己的微信小程序中的APPID，如下所示)步骤3：在微信公众平台“开发”——>“开发管理”——>“开发
sunshine-smile_lr·2024-09-05 15:43

类似《东郊到家》的APP小程序软件系统源码

以下是对这类系统源码的详细解析，包括技术框架、功能模块及新增特性等方面：一、技术框架前端：使用Vue和uniapp框架进行开发，Vue提供了组件化的开发模式，而uniapp则支持多端编译，包括小程序、H5
I592O929783·2024-09-05 14:10

SprinBoot+Vue宠物领养救助微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-05 00:03

SprinBoot+Vue阅读交流微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:28

SprinBoot+Vue食堂预约点餐微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-04 22:57

uniapp图片上传，加web core api接收并保存

Uni-App图片上传加后台webcoreApi前台代码后台WebCoreApi代码Startup.cs中代码啥也不说了直接上代码！！！前台代码//Anhighlightedblockuni.chooseImage({count:1,success:(res)=>{uni.uploadFile({url:'http://localhost:24517/api/Upload/UpImgs',file
浮生若森·2024-09-04 20:13

记录 uniapp 全局请求的封装

记录uniapp全局请求的封装为什么要封装全局请求，为了方便我们统一处理后端返回的错误码，处理一些共同的逻辑。request.js//引入请求的基础urlimportbaseurlfrom'.
名字被你们想完了·2024-09-04 20:40

uniapp小程序返回上一页并刷新上一页数据

当前页letinsertResult=awaitInsertAbnomalRecordDetail(recordDetailParams)if(insertResult.statusCode==200){this.showToast('提交成功')setTimeout(()=>{letpages=getCurrentPages()//获取页面栈letprePage=pages[pages.leng
狗狗狗狗亮·2024-09-04 19:07

uniapp navigateBack返回上一页，的简单处理

//返回上一页constnavBack=function(page){constpages=getCurrentPages();//判断跳转了多少页if(pages.length===2){uni.navigateBack({delta:1});}elseif(pages.length===1){//如果没有上一页返回首页uni.switchTab({url:'/pages/index/index
逮捕小子·2024-09-04 19:37

uniapp返回上一页并刷新数据方法

letpages=getCurrentPages();//当前页面letbeforePage=pages[pages.length-2];//上一页uni.navigateBack({success:function(){beforePage.onLoad();//执行上一页的onLoad方法}});1.getCurrentPages()获取当前页面的页面栈，是个数组2.pages[pages.l
布偶123.·2024-09-04 19:06

uniapp引入uniapp打包的H5跳转H5以及H5返回app方法

在app项目添加webview文件夹添加gridWebview.vue文件。代码如下exportdefault{data(){return{src:'',}},computed:{token(){returnthis.$store.state.login.token||''},roles(){returnthis.$store.state.login.roles||''},userInfo(){r
qq_Girl200·2024-09-04 19:06

uniapp css样式盒子上面的箭头样式

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。
m0_69254007·2024-09-04 19:36

uniapp上传视频，直接在模版中写video可能会出现手机测试长一点视频就上传不了，并且因为video这类标签的特殊性，层级问题，出现uniapp，app，video元素错位问题，解决办法

模版中写一个标签在计算属性中来写video元素computed:{videoHTML(){return``},}:firection=0//注意这个属性，非常好用，因为开发app是手机端，所以需要在点击视频放大查看的时候竖屏展示，体验感比较好，横屏展示去改属性值就行，具体可查看管网再去写videohtml的样式就可以了，样式没有太大参考价值，在这里就不放了
TttHhhYy·2024-09-04 19:35

uniapp+echarts分时图五档行情

父组件代码：{{isLeave!=1?tooltipData[1]==null||tooltipData[1]==''||tooltipData[1]=='0.00'?'--':toDecimal(tooltipData[1],getTickDecLen(symbol),true):(symbol.cp==null||symbol.cp==''||symbol.cp=='0.00'?'--':to
Nymph_Zhu·2024-09-04 19:05

vue3+ts封装一个uniapp的自动滚动列表，实现看板效果

电视机上要以列表展示数据，并且数据会实时更新，电视机不能点击，所以考虑自动播放的一个效果。展示方案有两种：1、列表上下自动滚动实现轮播效果。（此时具体滚动的高度由用户自己决定，每次滚动几条数据）2、列表以“页”的形式做成轮播图的翻页效果。由于项目的电视机是有任务提示作用的，最后考虑做成第一种方案，用户能更清晰了解任务安排和数据的更新。搜索之后了解到vue-seamless-scroll支持列表的自
女德班吊车尾·2024-09-04 16:18

[开源]低代码表单FormCreate中扩展自定义组件详细教程

源码地址:Github|Gitee注意事项挂载与注册：在自定义组件渲染之前，必须通过全局或局部的方式挂载或注册自定义组件，详见挂载或注册获取组件规则：只要在生成规则中定义name属性，就可以通过fApi.component
_xaboy·2024-09-04 12:18

uniapp多列选择器定义年月日时分秒组件

dateTimePicker.js/***自定义多列时间选择器*/functionwithData(param){returnparam{dateTime.push(current.indexOf(defaultDate[index]));});return{dateTimeArray:dateTimeArray,dateTime:dateTime}}/**格式化日期*/functiongener
Arbort_·2024-09-04 05:59

uniapp开发app使用html2canvas出现的ios兼容问题

uniapp开发app使用html2canvas出现的ios兼容问题记录一下app分享功能uniapp没办法直接操作dom元素，之前小程序用的wx的插件在app中无法使用百度到了uniappapp端使用
久违的小技巧·2024-09-04 03:22

uniapp 判断左滑右滑

判断左右滑的逻辑很简单，稍微改一下也能判断上下滑动1.在盒子里分别定义手指按下离开事件2.定义变量，按下时间，开始位置，结束位置startTime:0,startPosition:0,endPosition:03.结束所在位置-按下时所在位置=滑动的距离//起点touchStart(event){this.startTime=Date.now()this.startPosition=event.c
楚城相拥·2024-09-04 02:16

uniapp scroll-view滚动触底加载 height高度自适应

背景：scroll-view组件是使用，官网说必须给一个高度height，否则无法滚动，所以刚开始设置了设置了一个高度，想着vh应该挺合适的；后来在不同手机应用中，发现不同手机，滚动触底加载的动态效果显示不出来。经过排查，解决办法是让height自适应。。。即，不设置height高度，在css里面设置：.content_box{min-height:0;width:100%;height:100%
影子信息·2024-09-04 02:46

uniapp判定 用户 是向左滑还是向右滑

一个简单组件定义的该组件名称swiper-direct-com(自己可以随便命名)exportdefault{name:"swipe-direct-com",data(){return{//记录开始位置startData:{clientX:'',clientY:''},};},props:{updDistance:{//上下滑动超过多少距离触发updownDistancetype:Number,d
叶林染·2024-09-04 02:15

uniapp从当前小程序跳转到另一个小程序

目标：从当前的自己的小程序跳转到另一个小程序要跳转的那个小程序得是发布的，不然appid是无效的（只能在手机上预览，不能在微信开发者工具里面跳转，微信开发者工具不支持）方法：1：uni.navigateToMiniProgram方法跳转uni.navigateToMiniProgram函数的使用参数说明：appId（string类型，必填）：要打开的小程序的appId。path（string类型，
牧杉-惊蛰·2024-09-04 02:44

uniapp小程序怎么判断滑动的方向

项目场景：获取手机上手指滑动的距离超过一定距离来操作一些逻辑解决方案：在uniapp中，可以通过监听触摸事件来判断滑动的方向。
牧杉-惊蛰·2024-09-04 02:14

SprinBoot+Vue在线商城微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 23:00

SprinBoot+Vue问卷调查微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 08:23

SprinBoot+Vue健康管管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

SprinBoot+Vue停车场管理微信小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-09-03 01:06

【Flutter和H5数据传递问题】window.postMessage方法引起的数据问题

问题首先，公司项目的框架是由Flutter去编写的，最初的框架是由uniapp框架来做的，但是uniapp在客户端的性能懂得都懂。。。
阿菜同学·2024-09-02 10:41

uniapp壁纸项目笔记

项目初始化static文件夹中尽量不要存放一些测试时用的图片。因为项目在打包的时候会将static文件夹一并的打包，这样会使得打包后的项目变得臃肿。解决办法是在项目的根目录下创建一个common文件夹，用于存放测试用的图片和其他文件。common文件夹中的文件只有在被引入的时候才会被一并打包。否则要避免这个情况就只能在打包项目前清理static文件夹。同理，一些公共样式（scss文件）也可以放在c
京城五·2024-09-01 22:54

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架✍完整代码地址：front-mini-programe/components/tabbar/tabbar.vue·cheinlu/土拨鼠充电系统-Gitee.com一、先在compo
奔跑的露西·2024-09-01 21:17

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵
2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*
2401_84182793·2024-09-01 20:15

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。
万能螺丝刀1·2024-09-01 20:10

【uniapp 解决h5 uni.saveFile 不生效】2种方法解决

用uni.saveFileh5报错saveFileAPIsaveFileisnotyetimplemented查看文档发现不支持h5解决方法：这个我用了pc端一样的方法用a标签来下载保存代码如下：第一种：consta=document.createElement('a');a.href=filePath;//filePath这里的地址是uni.downloadFile中的返回值里的地址a.down
li@h·2024-09-01 17:56

【uniapp】如何在uniapp中使用xr-frame及xr-frame加载并使用gltf模型

微信的xr-frame已经出来有一段时间了，但网上关于它的使用方法的介绍少之又少，我可以合理的猜测，很大的原因是他们的文档写的…真就是…依托**------------吐槽结束正文开始------------XR-FRAME在此处我罗列了一些链接，是官方文档和demo的，指南写的还是可以的，用来入门了解一下没有问题。指南介绍了XR-FRAME的简单使用组件介绍了XR-FRAME中能够使用的组件AP
qq_39377906·2024-09-01 11:47

uniapp使用defineExpose暴露和onMounted访问

defineExpose作用暴露方法和数据允许从模板或其他组件访问当前组件内部的方法和数据。明确指定哪些方法和数据可以被外部访问，从而避免不必要的暴露。增强安全性通过显式声明哪些方法和数据可以被外部访问，防止意外修改内部状态。提高组件的安全性，避免因误操作导致的问题。提升可维护性清晰地定义组件的边界，使其他开发者更容易理解和使用组件。增强组件的可维护性，便于后续的开发和维护工作。onMounted
小汤猿人类·2024-09-01 08:55

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一·2024-08-31 20:15

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-08-31 15:39

基于Spring的Uniapp自动更新实现方法

Uniapp自动更新本文介绍了基于rouyi-uniapp的更新包版本自动推送更新。结合minio和网址下载地址两种方式，计算版本号大小后，可选是否强制更新。
星月梦瑾·2024-08-31 04:54

uniapp开发中遇到的兼容性问题（待续）

1、日期格式问题使用uniapp开发过程中，有这么一段代码，将两个时间字符串通过JS的date构造函数，构造出两个日期并比较大小，在Android平台没有问题，在ios上就出现了日期比较失败，无法执行正常的校验
呆呆papa·2024-08-31 03:17

uniapp中使用弹出框控制Tab栏区域显示与隐藏

在uniapp中提供控制TabBar的显示与隐藏的函数uni.hideTabBar()与uni.showTabBar()立即接单constisshow=ref(false)//控制弹出框的显示与隐藏//
Bunury·2024-08-30 19:27

uniapp u-popup封装弹框背景滚动/滚动穿模

app父级加@touchmove.prevent=“e=>{}”{}">小程序@touchmove.stop.prevent="e=>{}":style="'overflow:'+(show?'hidden':'visible')":overlayStyle="{'touch-action':'none'}"{}":style="'overflow:'+(show?'hidden':'visibl
不法·2024-08-30 08:13

uniapp微信小程序端实现微信登录

从网上看了一些，好像说是要先调用uni.getUserProfile或者uni.getUserInfo获取用户信息后，然后再调用uni.login才行，但是我看着uni.getUserProfile和uni.getUserInfo返回的都是一些匿名信息（nickName:"微信用户",头像也是统一的灰色头像），不知道有啥用哦，应该是之前是可以正常返回的，后来不知哪个版本后应该是为了用户的隐私、安全
会说法语的猪·2024-08-30 08:11

uniapp微信小程序分包

一.小程序分包当我们微信小程序太大的时候，我们上传小程序体验版会失败，因为小程序上传，这个时候我们可以试试分包操作，每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar页面，以及一些所有分包都需用到公共资源/JS脚本；而分包则是根据开发者的配置进行划分。目前小程序分包大小有以下限制：整个小程序所有分包大小不超过20M单个分包/主包大小不能超过2M二.分包操作1.我们先来
Guug·2024-08-30 08:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他