草庐IT

uniapp-uni-easyinput

全部标签

uni-app(Vue3/Vite) + vant UI(Vue3版本)+ js 按需引入的项目搭建

        因为要完成软件工程的项目,要做一个nativeApp,看了很多的技术文档以后决定使用多端兼容的uni-app来开发。组件方面的话最后决定使用目前比较火的VantUI。但是看了CSDN和掘金上面的很多文章,似乎没有一篇是关于uni-app中使用Vite对vant组件进行按需引入(可能这个搭配技术还比较新吧,好像是去年12月份完善的技术),如果按照网上的vue-cli+vant的方法配置DCloud官网中提供的uni-app的项目似乎并不可行(满屏的bug)uni-app官网,鉴于对Vant的热爱,经过本人不懈努力了2周后,终于成功的适配了! 下面就和各位分享一下如何uni-app

uni-app 微信小程序授权登录

文章目录一、appID相关申请和配置1.appid获取方式2.appID配置二、获取用户基础数据2.1.获取用户信息2.2.获取用户信息2三、调用登录api3.1.登录api3.2.案例代码四、获取唯一标识信息4.1.官网文档4.2.接口简述五、绑定用户实现登录5.1.代码案例(未封装)5.2.代码案例(封装)六、项目开源地址6.1.前端6.2.后端一、appID相关申请和配置1.appid获取方式登录微信公众平台官网链接:https://mp.weixin.qq.com/第一次需要小伙伴们点击注册按钮,进行注册,如果有账号,直接扫描登录即可官网小程序链接:2.appID配置在manifest

在uniapp引入企业微信群二维码的操作

在uniapp引入企业微信群二维码的操作首先,我们通过企业微信创建群和获取url第一步:登录网站企业微信,[官网点击前往](https://work.weixin.qq.com/)第二步:点击“客户与上下游”第三步:点击加客户第四步:点击加入群聊下的“设置”第五步:点击新建加入群聊第六步:选择“在小程序中加入群聊”第七步:点击“新建群聊”,在弹出的框,选择“新建群聊”第八步:选择该群群主,并设置群名称,然后点击确定第九步:点击“创建”就可以了,然后记录下生成的url,后面要用哦!接下来,我们在uniapp小程序里配置基本需求首先在微信公众号平台登录你的小程序,然后在设置-第三方设置-插件管理添

uni_modules/uview-ui/components/u-icon/u-icon]错误: TypeError: Cannot read property ‘props‘ of undefi

 前端新手的个人笔记————————————————————————————————引入uview之后报错解决: main.js引入//引入全局uViewimportuViewfrom'@/uni_modules/uview-ui'Vue.use(uView)pages.json引入"easycom":{ //npm安装的方式不需要前面的"@/",下载安装的方式需要"@/" //npm安装方式 "^u-(.*)":"uview-ui/components/u-$1/u-$1.vue" //下载安装方式 //"^u-(.*)":"@/uni_modules/uview-ui/components

【uniapp项目路由,配置,修改uni ui默认样式,小程序端不生效问题】

1.对不同平台进行不同配置或样式:对不同端的css样式不一样使用#ifdef#endif包裹(其中MP表示小程序端,表仅在小程序端是那个样式)//#ifdefAPP-PLUS margin-top:88rpx; //#endif //#ifdefH5 margin-top:0; //#endif //#ifdefMP margin-top:88rpx; //#endif对不同端package.json中导航配置不同1.使用#ifdef#endif包裹{ "path":"pages/mine/addAgent/uploadInfo", "style":{ "navi

uniapp中实现H5录音和上传、实时语音识别(兼容App小程序)和波形可视化

文章目录Recorder-UniCore插件特性集成到项目中调用录音上传录音ASR语音识别在uniapp中使用Recorder-UniCore插件可以实现跨平台录音功能,uniapp自带的recorderManager接口不支持H5、录音格式和实时回调onFrameRecorded兼容性不好,用Recorder插件可避免这些问题。DCloud插件市场下载插件(有demo项目源码):https://ext.dcloud.net.cn/plugin?name=Recorder-UniCoreRecorder-UniCore插件特性支持vue2、vue3、nvue支持编译成:H5、AndroidAp

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。今天给大家介绍的一款组件:前端Vueuni-appApp/小程序/H5通用tree树形结构图,阅读全文下载完整组件代码请关注微信公众号:前端组件开发效果图如下:cc-treeChart使用方法importLEchartfrom'@/uni_modules/lime-echart/components/l-ec

微信小程序uniapp出现白屏怎么解决(总集)

我本人遇到这种问题一般都很快解决了,所以没有怎么留意,没有凡尔赛自夸,不是自己厉害,只是比较细心。最近有小伙伴反馈白屏,突然想到这种情况有很多种,想做个集合,有朋友遇到解决不了的,请留言,我尽可能解决并留在此处。最重要的!!!如果你的电脑配置不怎么样,并且没有改动就白屏,请重启微信开发者工具,电脑性能好出现概率低但不完全白屏情况一开启了Selectedcontextonly请不要给这个打√,或者出现问题的时候检查,部分问题出现bug的时候,这个会隐藏掉bug提示。虽然他能很好帮我们解决ui库警报提示过多的问题白屏情况二缓存未清理这种情况常常出现在多个小程序项目,修复bug,接手别人项目的情况,

uni-app基于vue实现商城小程序

目录一、前言二、功能效果图1.首页2.分类​3.活动4.我的​5.商品详情6.购物车三、代码实现1.项目结构截图uni-app,Hbuilder2.首页源码3.数据模拟通讯四、总结一、前言参考“网易严选”小程序项目采用传统vue项目结构,即uni-app打包和运行成小程序,使用HBuilder开发工具开发项目,通过运行启动“微信开发者工具”完成项目启动。二、功能效果图1.首页 2.分类 3.活动4.我的 5.商品详情6.购物车代码动态实现商品购物车的增删改查等操作。三、代码实现1.项目结构截图uni-app,Hbuilder2.首页源码 网易严选

uniapp中引用uView后,使用u-input标签的type=‘number‘在小程序失效

项目场景:uniapp中u–input报销金额标签只能输入数字,u-input微信小程序不生效问题描述input标签中使用type='number失效,看了很多文档,说在小程序运行后,手机上可以跳出来数字键盘,尴尬的是,苹果机没任何反应,什么都能输入,根本没有限制只能输入数字和小数,所以用正则处理了一下,就OK原因分析:好像官方,适配度做的不够,但是用事件+正则就ok解决方案:1.添加事件:2.写正则下面加nextTick是为了页面渲染完,获取最近的把数据写上去,我目前的理解,上面两步就OK,限制只能输入数字及小数点