uniapp弹出框

uniapp中picker-view 封装时，分，秒选择组件

前言：因为工作中要用到精确到秒的时间组件，uniapp的组件和uview组件都不太合适，所以自己用picker-view封装一个，写的比较粗糙，有不对的地方请提出来，方便改正，谢谢额。
Lzs、uncle·2024-01-09 23:48

uniapp自定义封装只有时分秒的组件，时分秒范围选择

说实话，uniapp和uview的关于只有时分秒的组件实在是不行。全是日历，但是实际根本就不需要日历这玩意。百度了下，终于看到了一个只有时分秒的组件。
全栈科学家·2024-01-09 23:17

uniapp微信小程序预览文档功能笔记

uniapp微信小程序预览文档功能本文档主要预览doc|docx|xls|xlsx|ppt|txt|pdf，此代码为台账管理中的文件，具体循环列表依据实际情况。
精通Hello World点war·2024-01-09 21:59

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

官网下载目录结构：DCloud/uni-preset-vue-码云-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss中引入4.App.vue中首行的位置引入5.pages.json配置6.修改7.测试样式五.pinia引入到项目1.下载依赖（
程序猿online·2024-01-09 19:15

uniapp自定义底部导航栏

1.新建nav-custom.vue组件{{title}}exportdefault{props:{bgColor:{type:String,default:"#F5CFA8"},backIcon:{type:Boolean,default:true},title:{type:String,default:"赴日通"},titleColor:{type:String,default:"#fff"}
葫芦娃y·2024-01-09 19:23

uniapp最简单的底部兼容安全区域显示

效果图：1.html写上动态padding-bottom取消确认2.获取设备信息constres=awaituni.getSystemInfo({})this.bottomPadding=(res.screenHeight-res.safeArea.bottom)*2||30
葫芦娃y·2024-01-09 19:49

uniapp小程序input组件type=‘nickname‘获取不到微信昵称的值，解决方法

问题描述在实现头像昵称填写功能时无法获取到，微信昵称的值。如下图，无法拿到“Dexter”。无法触发@input事件，也不能使用@blur解决方法使用@change监听input元素的变化事件，当输入框的值发生变化时，将调用getNickname方法。代码htmljsgetNickname(e){this.nickName=e.detail.value},
T3165919332·2024-01-09 18:21

uniapp scroll-view 组件无法确定内容的固定高度 怎么解决

问题描述scroll-view组件无法确定内容的高度思路使用可视高度动态生成高度代码使用视口高度.scroll-view{height:100vh;/*设置高度，这里使用视口高度的100%*/}在上述示例中，scroll-view使用scroll-y属性来启用垂直滚动。高度被设置为视口高度的100%（100vh），这是一种在不知道固定高度的情况下，使其占据整个屏幕高度的一种常见做法。使用动态计算高
T3165919332·2024-01-09 18:51

记uniapp总动态:style无法用带参数的computed属性问题

问题描述：v-for里面的组件呢，我要根据不同的item配置不同的style,于是有了这样的写法{{day.extraInfo.info}}exportdefault{computed:{bgStyle:function(){return(day)=>{if(day.extraInfo){return`background-color:${day.extraInfo.data.bgColor}`}
月明泉清·2024-01-09 18:45

js中window的OPen方法，弹窗的特征

window的open方法是JavaScript中用于打开新窗口或弹出框的方法。它接受多个参数，其中最常用的参数如下：URL(必需)：要在新窗口或弹出框中加载的网址。
小亮编码·2024-01-09 16:10

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith/uniapp-vue3
偏安zzcoder·2024-01-09 14:01

【uniapp】调用阿里云OCR图片识别文字：

文章目录一、效果：二、实现：一、效果：二、实现：【阿里官方】高精版OCR文字识别【最新版】-云市场-阿里云选择图片import{pathToBase64,base64ToPath}from'image-tools'//npmiimage-tools--saveexportdefault{data(){return{content:'',}},methods:{imageOcrRecognition
Sun Peng·2024-01-09 14:00

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建后端实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:50

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -创建图文投票实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:19

uniapp开发APP使用高德地图和renderjs注意点踩坑点

1.先调用逻辑层再加载视图层2.目前不支持scriptsetup写法因为视图层向逻辑层传递数据setup写法逻辑层会接收不到视图层的数据this.$ownerInstance.callMethod回调会拿不到{{state.mapDetail.deviceName}}上报时间{{state.mapDetail.lastReportTime}}详情设备状态{{state.mapDetail.onli
大力水手~·2024-01-09 11:51

uniapp 开发小程序 去除状态栏和导航栏页面高度100%

1//importtabbarfrom'../../component/tabbar.vue'exportdefault{//components:{//tabbar//},data(){return{statusBarHeight:0,//状态栏高度，单位：pxtitleBarHeight:0,//标题栏高度，单位：pxheaderHeight:0,//页面头部高度，单位：pxbodyHeigh
大力水手~·2024-01-09 11:20

uniapp地图兼容小程序和APP（高德地图），点击marker并弹框详情

1.uniapp地图页面兼容小程序和APP2.小程序使用map组件APP使用高德地图3.点击定位按钮地图自动移动到定位点4.APP地图逻辑是视图层交互使用renderjs5.点击地图marker弹框详情
大力水手~·2024-01-09 11:44

UniApp微信小程序使用echarts图标教程(附源码)

在项目中直接使用echarts时，H5端是OK的，但微信小程序会报错，所以来看一下如何在微信小程序中使用echarts1.打开链接，下载第一个下载链接注意看此时这个版本是5.3.32.官网在线定制，下载下来注意与版本等待下载下载完成这是下载好的文件3.将echarts.min.js文件放到这个目录下面4.下载这个插件导入在HBuilderX中的项目echarts-DCloud插件市场5.引入6.运
Chemo辰陌·2024-01-09 10:37

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -用户信息修改实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:20

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -个人中心页面搭建实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:19

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建页面实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:44

Vue、uniApp、微信小程序、Html5等实现数缓存

此文章带你实现前端缓存，利用时间戳封装一个类似于Redis可以添加过期时间的缓存工具不仅可以实现对缓存数据设置过期时间，还可以自定义是否需要对缓存数据进行加密处理工具介绍说明对缓存数据进行非对称加密处理对必要数据进行缓存，并设置过期时间，并设置是否需要对缓存数据进行加密处理其他工具1、过期时间：封装好的工具，可以添加数据的缓存时长（过期时间）2、是否加密：可以根据需求，是否需要对缓存的数据进行加密
.陌路·2024-01-09 06:45

基于微信小程序的点餐系统的设计与实现

JDK1.8服务器：tomcat7数据库：mysql5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9小程序框架：uniapp
q_1262330535·2024-01-09 05:59

小程序项目：基于微信小程序的超市购物系统——计算机毕业设计

JDK1.8服务器：tomcat7数据库：mysql5.7（一定要5.7版本）数据库工具：Navicat11开发软件：eclipse/myeclipse/ideaMaven包：Maven3.3.9小程序框架：uniapp
QQ1039692211·2024-01-09 05:58

案例109:基于微信小程序的高校寻物平台设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:27

案例110:基于微信小程序的书橱系统

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:27

案例108:基于微信小程序的校园二手交易平台的设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:57

案例104:基于微信小程序的随堂测系统设计与实现

文末获取源码开发语言：Java框架：SSMJDK版本：JDK1.8数据库：mysql5.7开发软件：eclipse/myeclipse/ideaMaven包：Maven3.5.4小程序框架：uniapp
Selina .a·2024-01-09 05:55

uniapp实现导航栏中间图标凸起

1、使用uniapp官方提供的属性midButton使用时，list数组须为偶数pages.json"tabBar":{"color":"#000","selectedColor":"red","list
前端榴脆骨·2024-01-09 05:24

uniapp使用高德地图获取当前定位城市

要在高德地图开放平台申请key下载amap-wx.130.jsmanifest.json{{position?position.city:'定位失败'}}importamapfrom'@/common/amap-wx.130.js'exportdefault{data(){return{position:[],//定位获取的位置}},onShow(){this.getWarpweft()},met
前端榴脆骨·2024-01-09 05:24

uniapp中使用高德地图

要在高德地图申请keynpmi@amap/amap-jsapi-loader--saveimportAMapLoaderfrom"@amap/amap-jsapi-loader";exportdefault{name:"map-view",data(){return{}},mounted(){this.initAMap();},unmounted(){this.map?.destroy();},m
前端榴脆骨·2024-01-09 05:24

uniapp z-paging简单使用——笔记

根据官网学习，记录一下笔记介绍一个uni-app(opensnewwindow)分页组件。全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等。插件下载：【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3-DCloud插件市场使用搜索{{item}}这
前端榴脆骨·2024-01-09 05:23

uniapp中使用tmt-calendar字体的颜色如何修改

tmt-calendar这个插件市场下载的组件默认的眼色为深蓝，如下图然后能够动态修改这些颜色的参数也很限制，就想着从源代码上面去修改，但是本人在项目的src/components这个目录下找了很久没有找到又去node_modules目录下寻找也没有找到，最后发现他是安装在src/uni_modules这个目录下面的，所以想要修改的盆友注意了哈，是在这个目录下,最终实现我想要的结果
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:44

uniapp中的导入zzx-calendar日历的使用

需求：一周的日历，并且可以查看当月的，下个月的，以及可以一周一周的切换日期借助：hbuilder插件市场中的zzx-calendar插件库在父组件中引入并注册为子组件importzzxCalendarfrom"@/components/zzx-calendar/zzx-calendar.vue"exportdefault{components:{zzxCalendar},data(){faDays
꧁꫞꯭零꯭点꯭꫞꧂·2024-01-09 01:13

uniapp微信小程序接入友盟

Appkey，按要求填写小程序名称及类型：三、在微信小程序中接入SDK----以下是npm配置1.安装友盟微信sdknpminstallumtrack-wx@latest--save2.配置由于使用的是uniapp
前端菜菜DayDayUp·2024-01-09 01:06

uniapp开发技巧

时间格式化getTime(time){//比如需要这样的格式yyyy-MM-ddhh:mm:ssconsole.log(time)letdate=newDate(time*1000);letY=date.getFullYear()+'-';letM=(date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1)+'-';letD=d
失落村庄·2024-01-09 01:32

uniapp 生成H5调用摄像头识别二维码

在安卓系统上可以打开闪光灯准备工作：1、插件：mumu-getQrcode2、hbuildX生成的uniapp项目兼容情况：使用：1、如果是通过脚手架创建的uni的项目，需要自行安装jsQR依赖，并且修改组件中源码中的引入
qtianyuq·2024-01-09 01:32

uniapp支付功能实现

¥{{price}}-->{{$t('请选择支付方式')}}{{item.name}}({{item.info}})exportdefault{data(){return{rechargeTypes:[],orderNo:'',price:'',isApp:false,style:{icon:{width:"50rpx",height:"50rpx"}},typeChosed:'',payment
失落村庄·2024-01-09 01:02

uniapp，vue3，h5端使用zxing扫描二维码，条形码

文章目录前言一、引入zxingnpm直接使用js文件二、功能实现1.获取摄像头2.开始扫描完整代码前言废话不多说，使用uniapp时scan方法不支持h5端，因此h5端需要自己引入三方库，我这里用的是zxing
charlie_y·2024-01-09 01:53

uniapp扫码功能兼容h5

checksaosao(){     //兼容h5的扫码页面/*#ifdefH5*/uni.$u.route(`/pages/my/saoma`)return;/*#endif*/uni.scanCode({success:function(res){console.log('条码类型：'+res.scanType);console.log('条码内容：'+res.result);let{type
失落村庄·2024-01-09 01:50

深入了解鸿鹄工程项目管理系统源码：功能清单与项目模块的深度解析

本文将介绍一款功能强大的工程项目管理软件，该软件采用先进的Vue、Uniapp、Layui等技术框架，涵盖了项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营等全过程。
微服务技术分享·2024-01-09 00:39

鸿鹄电子招投标系统：企业战略布局下的采购寻源解决方案

同时，通过VUE、Uniapp、Layui等前端技术，实现了与供应商的快速交互和信息共享。功能模块：待办消息
微服务商城技术分享·2024-01-08 21:37

uniapp打包后图片资源会重复

hbuildx打包后文件过大，多方优化后，发现会生成重复的图片，如图：临时解决方法：lib.zipchain-webpack.js_.zip解压lib.zip替换到HBuilderX根目录/plugins/uniapp-cli
正兒八经DI瞎练ぃ·2024-01-08 19:51

uniapp tab选项卡 swiper 高度自适应 使用vue nextTick 解决swiper不能及时获取高度

unippswipertab高度自适应使用了vuenextTick实现swiper切换自适应高度因为在uniapp中不支持vue的router-view所以选项卡选择了swiper,但是swiper的高度需要预设
时间在飞飞·2024-01-08 18:50

vue 弹出框自适应宽度

exportdefault{data(){return{visible:false,dialogWidth:"1080px",}},created(){this.setDialogWidth()},mounted(){window.onresize=()=>{return(()=>{this.setDialogWidth()})()}},methods:{setDialogWidth(){varv
孤独白鲸·2024-01-08 18:18

uniapp 设置某个页面横屏显示

{"path":"pages/pageTable/pageTable","style":{"navigationBarTitleText":"表格","mp-weixin":{"pageOrientation":"landscape"//横屏}}}//pageOrientation-有三个值:auto:自动；landscape：横屏；portrait：竖屏
LXXgalaxy·2024-01-08 18:13

vue uniapp自封组件 数据显示块 自适应宽度

{{xList.title}}{{xList.value}}exportdefault{name:"XdataCard",data(){return{percentage:'45%',}},props:{xList:{type:Object,default:{title:'',value:0,color:"#54ff90"}},xNum:{type:Number,//一行有几个就传几个数值过来默认
LXXgalaxy·2024-01-08 18:38

uwp开发随笔：ContentDialog使用技巧

ContentDialog和过去使用的MessageDialog都属于弹出框，但是ContentDialog多了很多新特性，而且在自定义弹框上更加灵活。
搬砖的包工头·2024-01-08 18:53

Uniapp项目打包到多个平台...

打包到微信小程序先设置微信开发者工具的路径运行到小程序模拟器，会自动打开微信开发者工具（需要先在微信开发者工具->设置->安全设置->服务端口切换为打开状态）3.微信开发者工具上传版本（提示覆盖版本就可以了）4.在微信开放平台提交审核（配置服务器各种信息就可以了。省略…）打包到app应用安装JRE环境（推荐使用JRE8环境，如已有可跳过）可从Oracle官方下载jre安装包：jre这个就是安装ja
CongJiYong·2024-01-08 17:11

【零散技术】10分钟学会odoo的 many2x,x2many字段自定义跳转

序言:时间是我们最宝贵的财富,珍惜手上的每个时分目录1.模型设定2.视图/动作设定3.后台代码4.调用方法跳转点击many2x,x2many字段，会自动在当前页面通过弹出框显示对应数据的表单（Form）
odoo穆尘·2024-01-08 17:48
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他