草庐IT

uniapp-uni-easyinput

全部标签

【uniapp】uniapp开发小程序定制uni-collapse(折叠面板)

需求最近在做小程序,有一个类似折叠面板的ui控件,效果大概是这样代码因为项目使用的是uniapp,所以打算去找uniapp的扩展组件,果然给我找到了这个叫uni-collapse的组件(链接:uni-collapse)但是因为跟我们预期效果差别还是挺大的,所以就开始了我们的定制在这个定制过程中,去掉了uni-collapse自带的伪类所带来的两条分割线和背景色,给uni-collapse-item外部套上圆弧边框,去掉了uni-collapse-item自带的分割线,定制了标题文字样式,代码如下viewclass="rules-box">uni-collapseclass="rules">vi

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,uid,}=JSON.parse(res.result);console.log(type,uid);if(type){                //扫码成功跳转输入金额页面uni.$u.ro

基于Java+Vue+uniapp微信小程序外卖平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:互联网发展至今,无论是其理论还是技

【UniApp】-uni-app-网络请求

前言经过上个章节的介绍,大家可以了解到uni-app-pinia存储数据的基本使用方法那本章节来给大家介绍一下uni-app-网络请求的基本使用方法步入正题首先我们打开官方文档,我先带着大家看一下官方文档的介绍:https://uniapp.dcloud.net.cn/api/request/request.html从官方文档中我们可以看到,可以通过uni.request(OBJECT)来发起网络请求好,那么废话不多说,我们直接来看一下代码,搭建一个普通模板的项目,自行去搭建,大家都有相关的经验了,我就不多说了。在首页页面,编写两个按钮分别发送get请求和post请求,代码如下: 发送Ge

vue3+uniapp开发小程序踩坑指南(持续更新)

小程序常见问题汇总:1、TypeError:Cannotreadproperty'forceUpdate'ofundefined原因:没有配置小程序AppID 2、defineisnotdefined报错一堆文件找不到,并且有defineisnotdefined错误提示原因:没有配置基础库或者基础库版本过高3、图片没设宽高,固定宽高变形rpx(responsivepixel):可以根据屏幕宽度自适应。规定屏幕宽度为750rpx。如果iphon6上,屏幕宽度为375px,共有750个像素,则750rpx=375培训=750物理像素,1rpx=0.5px=1物理像素。有固定宽高,需要按照重新设置.

关于uniapp在小程序中获取用户信息

在微信小程序中,获取用户信息时,需要用到两个api就行uni.login以及uni.getUserProfileletwxAuthInfo={};uni.login({provider:"weixin",success:(res)=>{console.log(res)wxAuthInfo.code=res.code;})uni.getUserProfile({desc:"获取你的昵称、头像、地区及性别",success:async(res)=>{console.log(res);wxAuthInfo.encryptedData=res.encryptedData;wxAuthInfo.iv=r

自学阉割版奶茶点单uniapp小程序

涉及技术vue3+sass+typescript+pinia+uniapp+微信小程序基础编写工具:Vscode、微信小程序开发项目介绍这是一个基于瑞幸咖啡点单小程序创建的一个仅用于自己学习uniapp技术的项目。此项目不涉及服务器、网络等知识,数据内容以及数据类型均由自己编写。此项目共分为三大块(即三个tabbar页面):index页面、order页面、my页面。项目制作项目创建与配置基础项目创建命令行创建uni-app官网(dcloud.net.cn)选择vue3+ts安装node包npmi 创配置Vscode安装uni-app插件:uni-create-view、uni-helper、u

uniapp开发小程序,上传图片和视频功能

1.需求:可以上传图片和视频,并且都可以删除,图片可以预览。2.效果图3.代码:template> viewstyle="display:flex;flex-wrap:wrap;"> viewclass="update-file"> viewv-for="(item,index)inimageList":key="index"> viewclass="upload-box"> imageclass="preview-file":src="hostUrl+item"@tap="previewImage(item)">image> viewclass="remo

uniapp 悬浮窗-任意界面 Ba-FloatWinWeb

简介(下载地址)Ba-FloatWinWeb是一款支持自定义任意界面的悬浮窗插件。采用webview方式,同时支持本地、网络地址;自带几种界面,可直接使用。支持显示、更新、隐藏支持记录显示位置支持拖动支持监听点击事件支持自动申请、判断悬浮窗权限支持手动申请、判断悬浮窗权限支持同时设置多个悬浮窗,并且可以不同样式自带几种界面,可直接使用(见效果图)uniapp常用原生插件大全截图展示使用方法在script中引入组件 constfloatWin=uni.requireNativePlugin('Ba-FloatWinWeb')在script中调用(示例参考,可根据自己业务和调用方法自行修改)met

【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖

uniapp顶部导航和弹窗被video遮挡解决办法第一步:配置subNVues{ "path":"pages/index/index", "style":{ "navigationBarTitleText":"uni-app", "navigationStyle":"custom", "app-plus":{ "titleNView":false,//禁用原生导航栏 "subNVues":[{ "id":"subnvue",//顶部导航配置 "path":"pages/index/subnvue", "type":"